![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
<div id="content">
<div id="main">
<table border="1" frame="hsides" rules="rows">
<tr><td >カラー</td></tr>
</table>
</div>
<div id="left">
<div><img src="images/side.png" class="alphafilter" /></div>
</div>
</div>
上記のようにスタイルシートでメイン、レフトの2カラムを設定し
メインの中に表組みを設定するとメインの上とテーブルの間に
大きい隙間が出きて、レフトの画像と段違いになります。
どうしてそうなるんでしょうか?
チェックしたことを記します。
○レイアウトに問題はありません。同じレイアウトの他のページは隙間がありません。
○ブロックとテーブルの間にひらがな表示で隙間を作ったことはありません。
○テーブルの寸法はブロックに収まるものになっています。
同じような現象にあった方いらっしゃいませんか?解決方法を
教えてください。
No.1ベストアンサー
- 回答日時:
こんにちは。
CSSがないので推測でしかありませんが、
このソースではおそらく、
#content{
width:(全体の幅);←※1
#main{
float:right;←※2
width:(#mainの幅);←※3
margin:**;
padding:**;
}
#left{
float:left;←※4
width:(#leftの幅);←※5
margin:**;
padding:**;
}
のように指定していると思います。
考えられる原因は
⇒table,divのpaddingやmarginの数値が計算に入っていない。
またtable,divのpaddingやmarginは0、もしくは計算に入れているものと考えると、
⇒※2、※4のようにそれぞれ左右へfloatしているコンテンツが「※1の幅>(※3+※5)」となっている
とまぁ、ここまで書いていてなんですが、そもそもソースがおかしいと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
textareaの外側の文字が下付き...
-
<th>タグを使っても太字にしな...
-
TABLEのセルの中の文字を行単位...
-
テーブルとテーブルの間隔について
-
CSSで特定のテーブルだけに...
-
同じ幅指定のつもりなのに、ブ...
-
テーブル内のセル間にスペース...
-
TABLEタグの位置
-
<li>と<table>タグについて
-
tableを縦に続けるとtable間の...
-
ブロックとテーブルの間の隙間
-
tableを二つ以上挿入する場合
-
スタイルシートで左側だけ色を...
-
HTML5で、テーブル内tdタグの高...
-
テーブルタグの中にdivを含めて...
-
tableタグとformタグの組み合わせ
-
html でのテキスト結合について
-
テーブルのヘッダとボディの幅...
-
CSSだけで<table>の<td>や<tr>...
-
テーブルの一部分のセルだけに...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
TABLEのセルの中の文字を行単位...
-
テーブルとテーブルの間隔について
-
<th>タグを使っても太字にしな...
-
CSSで特定のテーブルだけに...
-
HTML5で、テーブル内tdタグの高...
-
table表を横に並べる際の間隔指定
-
テーブル内のセル間にスペース...
-
同じ幅指定のつもりなのに、ブ...
-
HTML tableのセルにtextareaを...
-
html5のテーブル内でdivのタブ...
-
<fieldset>タグについて
-
(HTML)Tableを任意の位置に置...
-
tableを画面中央に配置する方法
-
画面幅に合わせてテーブルのカ...
-
textareaの外側の文字が下付き...
-
テーブルデータを折り返して表...
-
フォームタグのプルタウンの隙...
-
tableの位置がIEとその他ブラウ...
-
正規表現で「より前」と「より後」
-
tableのcellpadding="0" cellsp...
おすすめ情報