html+CSSでページを作っていて途中にテーブルを入れるとレイアウトが崩れます。テーブルのすぐ右横に次の見出しが来てしまったりします。どうしたらいいでしょうか？～略～ ●●● ●●● 例えばココに ~ ●●● ●●● とするとこのテーブルの真横に次のが来てしまいます。テーブルの用途は料金表などで、レイアウト的に使うのではありません。どなたかご教授下さい。宜しくお願いいたします。

cssの中にテーブルを入れると崩れる。

解決済

質問者：yoshino0724
質問日時：2009/12/15 16:06
回答数：3件

html+CSSでページを作っていて
途中にテーブルを入れると
レイアウトが崩れます。

テーブルのすぐ右横に次の見出しが来てしまったりします。
どうしたらいいでしょうか？

<body>
<div id="wrapper">
<div id="header">
～略～
</div>
<div id="contents">
<h2>　●●●　</h2>
<h3>　●●●　</h3>
例えばココに<table>~</table>

<h2>　●●●　</h2>
<h3>　●●●　</h3>
</div>
</div>
</body>

とするとこのテーブルの真横に次の<h2>が来てしまいます。
テーブルの用途は料金表などで、レイアウト的に使うのではありません。

どなたかご教授下さい。
宜しくお願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： ORUKA1951
回答日時：2009/12/15 17:47

tableはブロック要素ですから、前後に余白が置かれるはずです。

ブロック要素かインライン要素かは、HTMLを書く最も基本的な部分です。
ただ、tableは、他のブロック要素の幅がその親のブロックの内幅全体なのに比較して伸縮すること。
　でも改行されることに変わりはありません。

　ただし、table要素にfloatを設定すると、当然続くデータは回り込みます。

Ｑ: ｔａｂｌｅに何か指定していませんか？

　不思議なのは、その場合には上端がそろうはずですが、添付されている画像では、上が開いている。

　なお、位置を合わせるための<br>や<p>要素は書くべきではありません。