cssのdivの中にtableタグを入れ子にして作成していますが、中側tableのcellpaddingを5に指定しているにもかかわらず余白があきません。
過去ログにCSSの設計思想からすると、DIVの中にTABLE要素を組み込むことは論理矛盾であると書かれていましたが、複雑な表になってくると知識がないため、テーブルを使っているのが現状です。
なぜ余白があかないのでしょうか?また対応する方法はあれば教えていただきたいです。よろしくお願いします。
<div id="fee_table">
<table width="460" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#C4D6A7"><table width="460" border="0" cellspacing="1" cellpadding="5">
<tr>
<td bgcolor="#FFFFCC">テキスト</td>
<td valign="top" bgcolor="#FFFFFF">テキスト</td>
</tr>
<tr>
<td bgcolor="#FFFFCC">テキスト</td>
<td valign="top" bgcolor="#FFFFFF">テキスト</td>
</tr>
<tr>
<td bgcolor="#FFFFCC">テキスト</td>
<td valign="top" bgcolor="#FFFFFF">テキスト</td>
</tr>
</table></td>
</tr>
</table>
</div>
■---css---------------------------------------■
#fee_table {
font-size: 95%;
margin : 10px 0 10px 15px;
}
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
#1、#2です。
> やはりcssと関連しているようです。
ということでしたら、書かれているCSSは
#fee_table {
font-size: 95%;
margin : 10px 0 10px 15px;
}
だけですか?他には何も書かれていませんか?
その辺りを確認されてみてはどうでしょうか。
No.2
- 回答日時:
#1です。
書かれているCSSもそのままで書いてみましたが、やはり5px分文字周りに余白ができます。
(IE6とFirefoxで確認済みです。IE7は確認していません。OSはWindowsです)
試しに「cellpadding="5"」を削除してみるとどうなりますか?
たぶんテーブルに文字がくっついたような状態になると思うのですが。
逆に「cellpadding="20"」としてみるとどうなりますか?
何か他にCSS記述をされていて、それが邪魔をしているのかもしれませんね。
この回答への補足
cellpaddingを削除しても"20"にしても余白が全くない状態です。
しかし、divで囲っていないところにtableを移動すると正常に余白ができます。
やはりcssと関連しているようです。
No.1
- 回答日時:
参考にあげられている通り、そのまま作成しましたが
「cellpadding」はきちんと5pxあいているようになりましたよ。
cellpaddingは簡単に言うとテーブル内の文字周りの余白になります。
参考:http://www.tagindex.com/html_tag/table/table_cel …
もしかすると、外のテーブルと中のテーブルの間に余白をあけたいということでしょうか。
その際には<table width="460" border="0" cellspacing="0" cellpadding="0">の中の
テーブルの入れ子は推奨できませんが、cellpadding="5"に変更なさってみてはどうでしょう。
ご参考までに。
この回答への補足
ご回答ありがとうございます。
外のテーブルと中のテーブルの間に余白をあけたいということはなく、文字周りに余白をあけたいのですが、私のほうではなぜか余白があかない状態です。スタイルシートを外すとうまくいくのですが…やはりcss内でtableを使う事自体に無理があるのでしょうか?
テーブルの入れ子を使っているのは内側tableにcellspacing="1"にすることで、セルごとに枠線を付けるためなのです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルとテーブルの間隔について
-
TABLEのセルの中の文字を行単位...
-
<th>タグを使っても太字にしな...
-
CSSで特定のテーブルだけに...
-
HTML5で、テーブル内tdタグの高...
-
同じ幅指定のつもりなのに、ブ...
-
Firefoxで、tableに指定したmar...
-
HTMLのテーブルをExcelにCopy&P...
-
tableの位置がIEとその他ブラウ...
-
table 幅固定で、端までいった...
-
テーブルの線の色を白にしたい
-
テーブルの線の幅を一重の線に...
-
テーブル内の空白指定方法
-
つり銭のプログラムについて
-
CSSで2つのtableに異なる書式...
-
html5のテーブル内でdivのタブ...
-
テーブルタグの中にdivを含めて...
-
html でのテキスト結合について
-
cssで、表示されるテキストによ...
-
テーブルの位置を細かく指定し...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
TABLEのセルの中の文字を行単位...
-
テーブルとテーブルの間隔について
-
<th>タグを使っても太字にしな...
-
CSSで特定のテーブルだけに...
-
table表を横に並べる際の間隔指定
-
HTML5で、テーブル内tdタグの高...
-
同じ幅指定のつもりなのに、ブ...
-
<fieldset>タグについて
-
テーブル内のセル間にスペース...
-
HTML tableのセルにtextareaを...
-
tableのcellpadding="0" cellsp...
-
tableを縦に続けるとtable間の...
-
ラインを端から端まで画面いっ...
-
html5のテーブル内でdivのタブ...
-
ホームページのテキストを折り...
-
textareaの外側の文字が下付き...
-
検索窓の位置を指定する方法
-
フォームタグのプルタウンの隙...
-
VBAで作れるかな?
-
html table の中のボーダーが二...
おすすめ情報