HOME ≫ Entry no.252 「MacIEでのheight%」 ≫ [257] [256] [255] [254] [253] [252] [251] [250] [249] [248] [247]
MacIEでのheight%
2007.03.26 |Category …ばろむわん
CSSでウィンドウ高さ一杯&overflow表示のレイアウトを目論む場合。例えばTopブロック15%+コンテンツブロック70%(overflow:auto)+Footerブロック15%とか。
MacIEにはheight%バグと言うのがありまして。何やらhtmlやbodyの段階でwidth:100%=height:100%と誤認するらしく。(何かそれだけではなさそうな挙動もする)
どうやら標準モードでは足掻いても無駄な感じ。互換モードなら作れそう…body辺りにoverflow:hidden入れとかないとoverflow:autoの中味分縦スクロールバーが出るとか、div入れ子加減気をつけないと子ブロックのpadding分?謎の隙間が出来るとか、overflowブロックで謎の横スクロールバーが出る場合があるとか、注文がとてつもなく煩いですが。
気分転換のパズル遊びとしてはいいんだが、クリアに時間かかるな〜。
MacIEにはheight%バグと言うのがありまして。何やらhtmlやbodyの段階でwidth:100%=height:100%と誤認するらしく。(何かそれだけではなさそうな挙動もする)
どうやら標準モードでは足掻いても無駄な感じ。互換モードなら作れそう…body辺りにoverflow:hidden入れとかないとoverflow:autoの中味分縦スクロールバーが出るとか、div入れ子加減気をつけないと子ブロックのpadding分?謎の隙間が出来るとか、overflowブロックで謎の横スクロールバーが出る場合があるとか、注文がとてつもなく煩いですが。
気分転換のパズル遊びとしてはいいんだが、クリアに時間かかるな〜。
PR