5ちゃんねる ★スマホ版★ ■掲示板に戻る■ 全部 1- 最新50  

■ このスレッドは過去ログ倉庫に格納されています

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

1 :1:02/09/12 04:52 ID:???
Cascading Style Sheetsの事で尋ねたいことがあったらこちらへどうぞ。
関連スレやリンクは>>2-5あたりに。

■■■■■ 注意 ■■■■■
質問者 (特に「初心者」) は、
必ず>>4にある解説サイト (かなりわかりやすい) で
 勉 強 してください。

質問の前には過去ログを WinIEの場合[Ctrl+F]で検索しましょう。

また、IE などではまだ対応できていない要素などやバグが多数存在します。
ですので、>>2(関連スレ)の「バグ辞典」に目を通しておきましょう。

また、「環境を書け」 とか 「ソースは?」 と求められたときは
応じるようにしましょう。 回答が早く返るようにするためです。

※ マターリ進行推奨 ※

966 :Name_Not_Found:02/10/16 02:52 ID:/dfKulLu
>>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 ってどう解釈するべきなんでしたっけ。調べてみま

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

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

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

247 KB
★スマホ版★ 掲示板に戻る 全部 前100 次100 最新50

read.cgi ver 05.04.02 2018/11/22 Walang Kapalit ★
FOX ★ DSO(Dynamic Shared Object)