CSSで可能？

質問

お世話になります
現在xhtmlでWeb Pageを作っているのですが
xhtmlの場合テーブルの入れ子ができない(してないけない)とのことなので

位置を指定したテーブルを二つ
横にならべて作り、片方だけ高さが内容によって変化するのですが
両方とも同じ高さで変動させていきたいのですが
それは可能でしょうか？

|￣||￣|
￣ |￣|
　　 ￣
こうなってしまうのを

|￣||￣|
|　||￣|
￣ ￣
ちょっと図がおかしくなってしまいましたが
こんな感じにしたいです

よろしくお願いします。

回答No.1

noname#14464

まず、XHTML+CSSという時点で、想定と全く同じレイアウトを期待してはいけませんので、必ずそうなるわけではないと言うことをご了承ください。

　さて…、この件ですが、以下のページのような状態のことでしょうか？

これは左のメニューをDIVタグでグルーピングし、
右のメニューを別のDIVとしてグループ化、
左のメニューの折り返しを解除し、"その右に余白があれば"他のコンテンツ(つまりは右のメニュー)がくっついてくると言うことになってます。
つまりは、内部的には、
□
□
となってるところを、
□□ となるように見せかけているのです。
詳しくはこのページのスタイルシートを見ていただければ分かりますが、
floatプロパティとclearプロパティを使用しています。

　基本的にCSSでは、レイアウトを決めつけるような、そのような使い方はしません。ウィンドウの大きさに従った動きをするようになっています。
どうしてもテーブルレイアウト風にしたいのならば、positionなどのプロパティを使う必要がありますが、これではテーブルの欠点も受け継いでしまいます(横スクロールバーが表示されるなど)。

参考URL：

http://Onpu.jpn.ch/

お礼

ありがとうございます。
floatプロパティとclearプロパティを調べてみます

またなにかあればよろしくお願いします