![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
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件)
- 最新から表示
- 回答順に表示
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_03.png?8acaa2e)
No.3
- 回答日時:
#1、#2です。
> やはりcssと関連しているようです。
ということでしたら、書かれているCSSは
#fee_table {
font-size: 95%;
margin : 10px 0 10px 15px;
}
だけですか?他には何も書かれていませんか?
その辺りを確認されてみてはどうでしょうか。
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_03.png?8acaa2e)
No.2
- 回答日時:
#1です。
書かれているCSSもそのままで書いてみましたが、やはり5px分文字周りに余白ができます。
(IE6とFirefoxで確認済みです。IE7は確認していません。OSはWindowsです)
試しに「cellpadding="5"」を削除してみるとどうなりますか?
たぶんテーブルに文字がくっついたような状態になると思うのですが。
逆に「cellpadding="20"」としてみるとどうなりますか?
何か他にCSS記述をされていて、それが邪魔をしているのかもしれませんね。
この回答への補足
cellpaddingを削除しても"20"にしても余白が全くない状態です。
しかし、divで囲っていないところにtableを移動すると正常に余白ができます。
やはりcssと関連しているようです。
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_03.png?8acaa2e)
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で質問しましょう!
似たような質問が見つかりました
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- MySQL SQL任意に並び替えをしたい 2 2023/08/28 10:47
- JavaScript 追加ボタンを押した際に ok ボタンを押した場合のみ入力値が追記されるようにしたいです 6 2022/05/29 09:57
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
TABLEのセルの中の文字を行単位...
-
テーブルとテーブルの間隔について
-
CSSで特定のテーブルだけに...
-
<th>タグを使っても太字にしな...
-
正規表現で「より前」と「より後」
-
HTMLで<HR>以外で線を引く方法...
-
HTML tableのセルにtextareaを...
-
HTML5で、テーブル内tdタグの高...
-
テーブル幅が固定できない
-
テーブル内のセル間にスペース...
-
Table のボーダーを非表示にし...
-
画面幅に合わせてテーブルのカ...
-
tableタグとtableタグの間の余...
-
VBAで作れるかな?
-
フレームの境界線にぴったりつ...
-
FC2のHPに「FC2投票」がうまく...
-
TR タグの表示・非表示を一括で...
-
table表を横に並べる際の間隔指定
-
テーブルの一部のセルだけ罫線...
-
終了タグは省略可?
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
TABLEのセルの中の文字を行単位...
-
テーブルとテーブルの間隔について
-
<th>タグを使っても太字にしな...
-
CSSで特定のテーブルだけに...
-
table表を横に並べる際の間隔指定
-
HTML5で、テーブル内tdタグの高...
-
HTML tableのセルにtextareaを...
-
(HTML)Tableを任意の位置に置...
-
同じ幅指定のつもりなのに、ブ...
-
<fieldset>タグについて
-
tableを縦に続けるとtable間の...
-
画面幅に合わせてテーブルのカ...
-
html5のテーブル内でdivのタブ...
-
テーブル内のセル間にスペース...
-
ホームページのテキストを折り...
-
TR タグの表示・非表示を一括で...
-
tableの位置がIEとその他ブラウ...
-
textareaの外側の文字が下付き...
-
テーブルの高さを100%にしたけ...
-
ラインを端から端まで画面いっ...
おすすめ情報