みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

FIREFOXでのCSS表示

よろしくお願いします。
CSSのレイアウトで、よくある2カラムのオーソドックなもの
左側にメニュー、右側にメインコンテンツ、上下にヘッダ・フッタ

<div id="wall">
<div id="header"></div>
<div id="menu"></div>
<div id="main"></div>
<div id="footer"></div>
</div>

のような構造の場合、メインコンテンツは各ページによってボリュームが違うので、wall部分もmainのボリュームにあわせて変化させたいです。

IEならば問題ないのですが、FIREFOXだとmenuやmainの部分が増えると、wallの上から重なるように表示されてしまうケースがありました。はみ出ています。

このような場合、それぞれのheightの設定など、どのようにしたら良いのでしょうか? mainの長さにあわせて最後にwallを1250pxのように具体的な長さ指定すると、見た目にはfirefoxでもうまく表示はされています

(ただし、このやり方だと各ページのコンテンツの長さにあわせて、1つ1つ設定しないといけない)

floatの設定なども含めて、どういった記述をすれば良いのか、どなたか教えてもらえませんでしょうか。

投稿日時 - 2008-09-01 21:05:13

QNo.4296213

すぐに回答ほしいです

質問者が選んだベストアンサー

こちらを参考に......。

http://www.geocities.jp/multi_column/

投稿日時 - 2008-09-01 22:12:15

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問