ｃｓｓで<div>の位置を自動で調整したいです。

質問

いつもお世話になっております。
今回はcssのことでご指導お願い致します。

上下のフレームを使ってHPを作っているのですが、下のフレームにはtableがあり、その下に<div>があります。この形がいいのか悪いのかもわからないのですが、DreamweaverMX2004のテンプレートを使って作りはじめ、いらないものを削除したり、tableを挿入したりしているうちに今のレイアウトになっています。
それで教えていただきたいのですが、tableの縦のサイズが頻繁に変わります。そのたびに<div>の位置を調整していたのですが、tableのサイズにあわせて<div>の位置が自動で調整されるようにするにはどうしたらいいのでしょうか？
ネットで調べて、positionをautoにしたり、諸々試したのですけど思うとおりになりません・・
ご指導の程、宜しくお願い致します。

回答No.1

naokita · ベストアンサー

HTMLでは、縦位置は柔軟に配置されますので、
本来は、テーブルが短くなろうが長くなろうが、
<div>は、テーブル下部の下に同じ隙間で配置されます。

配置されないという事は、その柔軟な配置を無視して、
テーブルのみを position で強制的に配置しているからです・・・

今のCSSを考えずに、新規HTML（別の見本）で、
position を利用せずに試すと、単純に理解出来るはずです。

<!-- test1.html -->
<table><tr><td><h1>あああ</h1></td></tr></table>
<div><h2>いいい</h2></div>

<!-- test2.html -->
<table><tr><td><h1>あ<br>あ<br>あ</h1></td></tr></table>
<div><h2>いいい</h2></div>

お礼

確認に時間がかかって、お礼が遅くなりました。
教えていただいた通りでした。
長い事悩んでいたので、少し前進したようで嬉しいです。
ご指導いただきまして、本当にありがとうございました。