DN*BLOG

2008.3.25

CSSでmin-height 『Easiest cross-browser CSS min-height』

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

FavoriteLoadingAdd to favorites

Category : CSS , IE , Web Design

関連する記事