CSSでmin-height 『Easiest cross-browser CSS min-height』
2008/03/25 18:41
min-heightやmin-widthはIE6では効かないため、それを適用させるにはハックやビヘイビアなどを使って適用させていました。
しかし、下記のやり方でやればIE6にも対応した物が実現できるのです。
こんな簡単な方法があったなんて・・・。
感動しましたよ!
CSSソース:min-height
.foo {
min-height:100px;
height:auto !important;
height:100px;
}
CSSソース:min-width
.bar {
min-width:100px;
width:auto !important;
width:100px;
}
DN*blogでは、ビヘイビアを使っていたんですけどコッチに切り替えました。
さっき確認したらちゃんと適用されているみたいです。(変なスペースは前からあるので気にしないでください。)
これはすごく活躍しそうなテクニックですね!
参考サイト
CREAMU
Category : CSS , IE , Web Design
Tags : CSS, IE6, min-height, min-width
Track Back URL
コメントをどうぞ♥