![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?c9bd177)
<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で質問しましょう!
似たような質問が見つかりました
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS PCサイズで赤い画像2つと、青い画像2つがそれぞれ横に2つずつ並んでいるのですが、これをスマホサイズ 5 2022/04/11 12:01
- HTML・CSS CSSのホバーエフェクト 1 2023/06/19 06:53
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- HTML・CSS サルワカさんの吹き出しのスタイルシートについて。 https://saruwakakun.com/h 2 2022/10/28 22:55
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
画面サイズを取得し、テーブル...
-
tableの位置がIEとその他ブラウ...
-
textareaの外側の文字が下付き...
-
table表を横に並べる際の間隔指定
-
画面幅に合わせてテーブルのカ...
-
<th>タグを使っても太字にしな...
-
テーブルの一部分のセルだけに...
-
vbscriptで時計を作りたい
-
テーブルタグの中にdivを含めて...
-
html でのテキスト結合について
-
tableタグとformタグの組み合わせ
-
CSSで文字を一番下の中央に表示...
-
テーブルの位置を細かく指定し...
-
画像と、セルのつなぎ目に白い...
-
一つのテーブル内の文字色だけ...
-
htmlのtable内に画像
-
width指定したTDでwhite-space:...
-
テーブルの上に空行が入る・・...
-
nowrapを指定しても改行される...
-
テーブルの縦罫線を1本だけ細く...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
TABLEのセルの中の文字を行単位...
-
テーブルとテーブルの間隔について
-
<th>タグを使っても太字にしな...
-
CSSで特定のテーブルだけに...
-
table表を横に並べる際の間隔指定
-
HTML5で、テーブル内tdタグの高...
-
HTML tableのセルにtextareaを...
-
(HTML)Tableを任意の位置に置...
-
テーブル内のセル間にスペース...
-
textareaの外側の文字が下付き...
-
同じ幅指定のつもりなのに、ブ...
-
html5のテーブル内でdivのタブ...
-
<fieldset>タグについて
-
tableの位置がIEとその他ブラウ...
-
tableを縦に続けるとtable間の...
-
画面幅に合わせてテーブルのカ...
-
HTMLのテーブルをExcelにCopy&P...
-
ラインを端から端まで画面いっ...
-
tableのcellpadding="0" cellsp...
-
ホームページのテキストを折り...
おすすめ情報