エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
スタイルシートをめぐる冒険: ボックスの高さを100%に指定してもウィンドウいっぱいにならない
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
スタイルシートをめぐる冒険: ボックスの高さを100%に指定してもウィンドウいっぱいにならない
スタイルシートを使ってレイアウトする時、最も重要かつ基本的な概念となるのが "ボックス" だ。テーブ... スタイルシートを使ってレイアウトする時、最も重要かつ基本的な概念となるのが "ボックス" だ。テーブルを使ったレイアウトに慣れている方なら、セルが一つしかないテーブルのようなものと考えればわかりやすいだろう。このボックス、標準モードでは、高さを100%と指定してもウィンドウの縦いっぱいに表示させることはできない。 [該当するブラウザ] Windows/IE6.0、Netscape7.1 Macintosh/IE5.0、IE5.1、Netscape7.0 testboxというID名のボックスを設定し、背景色・黒、高さ・幅とも100%で指定してみた(→サンプルページ1)。ご覧のとおり、幅についてはウィンドウいっぱいになるが、高さについては、標準モードで検証したすべてのブラウザでウィンドウいっぱいにならない。また、ボックスと同様テーブルも、標準モードでは高さを100%としてもウィンドウいっぱいに