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

このエントリーをはてなブックマークに追加
966Name_Not_Found
>>963
>えっ、なんでMacIEは>>944でうまくゆかないの?
MacIE は、height の単位を % にすると横幅を基準に値を決めているもよう。
つまり、"height:100%;" なら その要素の縦幅はウィンドウの横幅と同じになり、
横幅 > 縦幅 なウィンドウでは、無駄な縦スクロールバーが出現することになり。
「駄目だった」てのはそういうことですよね?>>949
---
html, body { margin:0; padding:0; width:100%; }
h1 { line-height:1; margin:0; padding:0; font-size:100%; font-weight:normal; text-align:center;
position:absolute; top:50%; width:100%;}
---
height:100%; を削って、以上の記述にすると、
MacIE 5.x でもおおかた意図する表示になるようです。
他のブラウザとの兼ね合いでご判断なさってくださ胃。

ところで、height ってどう解釈するべきなんでしたっけ。調べてみま
967859/939/949:02/10/16 12:04 ID:???
>>966
> 「駄目だった」てのはそういうことですよね?>>949
ありゃ、私のとこと違いますね。
ウィンドウサイズがどんなでもウィンドウから半文字分上にはみ出ます。(.headerの効果)
ちょっと実験してみたところ、h1が position:absolute; なせい(だと思う)でbodyが高さ0に
なってるみたいです。 htmlは自動的にbodyの外側を包括するボックスになってるっぽいかな?

heightでの%指定は親ボックスの高さが基準じゃなかったでしたっけ。

>>950
それっぽく、ではなくてスタイル的にはちゃんと中央だよ。
需要があるかどうかは知らないけどtableでしかできないデザインがあって、それでもCSSに移行
しろってのも変な話なんで出来るにこしたことはないだろうっていう趣旨かな。