min-heightをIE6で実装（CSS）

min-heightをIE６でも実装したかったので何かないかと探したらいいのを見つけた。
すごく簡単だが思いつかない！ってことで「すげー！」って思ったので自分なりにメモしておこう。

CSSのソースは以下↓↓

#minHeight400 {
min-height:400px;
height: auto !important;
height: 400px;
}

1. min-height;　は実装されていないので無視される。


2. height: auto !important;　では”同一ブロック内では!importantが無視される”というIEのバグ？で同じく無視される。


3. height: 400px;　こうして普通にheigt400px;が適用される。

ていう感じでIE6は解読（アホか）。3の｛普通にheigt400px;が適用される｝というのは”ボックスサイズが内容物に合わせた大きさへ強制的に調整される”というIE6のバグを利用しているわけ。つまり、IE6ではheightを普通に指定するだけで他のブラウザでのmin-height状態ということ。

ちなみにIE6のmin-width、min-heightハックに関してにも書いて下さっていますが、min-widthの場合は駄目。これはまあ実際にやってもらえばすぐ判ると思うけど、

#minWidth400 {
min-width:400px;
width: auto !important;
width: 400px;
}

ブラウザってのはwidth指定してないボックスのときは横にどこまでもビローンて伸びる。それはIE６でも同じ（当たり前）。なので、IE6の場合、上のソースは単にwidth:400px;指定したってことになり、min-width指定だったら横にビローンと伸びるはずが、400pxで止まってしまう。
min-widthをIE6にも実装したいのなら、IE6でmin-widthを実装する方法のまとめに詳しく書いて下さっているので興味があるならチェックしておくとよい。