2010年8月16日月曜日

CSSでIE6にmin-heightを適用させる

サポートが切られたとは言え、「見なくてOK!」と割り切る人だけではないのが現実。

CSSでIE6にmin-heightを適用させる方法ですが、便利なのでメモ。

記述は以下の様な感じです。

.block { min-height:150px; height:auto !important; height:150px }

優先順位を利用した応用になるかと思いますが、ハックと呼ばれる方法と同様、ブラウザの仕様変更に対するリスクがゼロという訳でないだろうな~ と、思いつつも、便利な物は便利。

バグ利用のハックという訳ではないですし、想定されるリスクも非常に少ないだろうという事で、最近、多用させていただいております。

[参考]
CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 | CREAMU

0 件のコメント:

コメントを投稿