« GBrowserIsCompatibleを使用した際のIEでの「オブジェクトを指定してください」エラー | トップページ | IE6での透過png »

IE6でのmin-height

使う機会がたびたびあるのでメモ。

IE6ではmin-heightがきかないため、少々ハックする必要があります。

.sample {
  min-height: 100px;
  height: auto !important;
  height: 100px;
}


IE6では、
  • min-heightは無視される
  • 同一ブロック内の!importantは無視される
  • ボックスサイズが内容物に合わせた大きさへ強制的に調整される

というバグがあるため、コンテンツが100px以下の時は100pxで、100px以上の時はコンテンツにあわせて高さを拡張します。

==================================

こちらを参考にさせていただきました。

IE6のmin-width、min-heightハックに関して

« GBrowserIsCompatibleを使用した際のIEでの「オブジェクトを指定してください」エラー | トップページ | IE6での透過png »

css」カテゴリの記事

コメント

コメントを書く

コメントは記事投稿者が公開するまで表示されません。

(ウェブ上には掲載しません)

トラックバック

この記事のトラックバックURL:
http://app.f.cocolog-nifty.com/t/trackback/1139838/31387008

この記事へのトラックバック一覧です: IE6でのmin-height:

« GBrowserIsCompatibleを使用した際のIEでの「オブジェクトを指定してください」エラー | トップページ | IE6での透過png »