/* CSS・スタイルシート質問スレッド【20】 */

このエントリーをはてなブックマークに追加
446Name_Not_Found
IE5.5、オペラ7.10では問題ないのにネスケ7が意図しない表示になります。
わたしはネスケ7ユーザーなんでとてもとてもつらいです。

で、本題。内容をheight:100%でブラウザの上下ぴったりに合わせたいわけです。

<body style="height:100%">
<div style="height:95%">
<div>上枠</div>
<div>内容(横に3分割)</div>
</div> // "95%"閉じ
<div style="height:5%">下枠</div>
</body>

95%と5%に分割するのは、下枠をブラウザの下にくっつけるためです。
こうしないとbodyの内容が少ない場合は下枠の下に余白ができて、
余白込みで100%になるので意味がありません。
要素にボーダーをつけて調べたところ、ネスケはbodyのheightが効いていないようです。ネスケでも意図した表示にする方法はありませんか?