LIGデザイナー採用
LIGデザイナー採用
2008.03.25

IE6で簡単にmin-heightを使うCSSハック

ゴウ

CREAMEでCSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』という記事が紹介されていました。

丁度、今作っているサイトでどうしてもmin-heightを指定したい箇所があり、IE6で対応させる方法を色々さがしていたので、ナイスタイミングです。しかもこの方法、JSなどを一切使わない、CSSだけで実現できるお手軽な方法。

色々調べたけど、結局JSを使うやり方しか見つからなかったので、うれしい限りです。

やり方は簡単

.foo {
   min-height:100px;
   height: auto !important;
   height: 100px; /*ここにIE6用の高さを設定*/
}

これだけで、min-heightを設定できました。

簡単~。