高さ100%のページ

[新着] Webテンプレートを仮オープンしました



0   名前: めぐ : 2006/03/06 16:33
<body style="height:100%">
<div style="height:100%;background:#999999;">
<div style="height:1000px;">あああ</div>
</div>
</body>

上記のようなコーディングをした場合、
ページ高さがブラウザ高さ(例では1000px)以上だとスクロールバーが出ます。
そのときWinIE以外のブラウザで、スクロール以下部分に背景色が反映されません。
ページ高さがブラウザ高さ以下になる時もあるので、高さ100%は外せないのですが・・・。

どこを修正すれば良いのか、教えてください?
(検証環境:WinのIE、Netscape、Firefox、Macのsafari、IE、Netscape、Firefox)

1   名前: 通りすがり2 : 2006/03/06 16:33
height:1000px;のほう、もしくはbodyに背景色をつければいいのでは?

2   名前: めぐ : 2006/03/06 16:33
通りすがり2さん、ありがとうございます。
省略させてもらったのですが、
DIVタグにはそれぞれ背景画像を指定しているので
BODYもしくは2個目のDIVに背景色をつけることが出来ないのです・・・。
もう少し考えてみます。
ありがとうございました。

3   名前: 通りすがり2 : 2006/03/06 16:33
height:1000px;のほうを100%にするとか。
中身が多ければ、高さ指定なくても自動的にスクロールバーは出る(伸びる)よね…

一覧へ戻る