DiaryTechnology

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

By 3月 25th, 2008 No Comments

Easiest cross-browser CSS min-height
CSSでmin-heightをブラウザに関係なく使いたい。
そんなあなたにおすすめなのが、『Easiest cross-browser CSS min-height』。CSSでmin-heightをクロスブラウザにする最も簡単な方法だ。
There are still enough folks using IE6, unfortunately, and it doesn’t support the min-height or min-width CSS parameters. This has caused the invention of a number of different hacks and browser-conditional style sheets to get the desired effect.
Many of the different methods work well, but after trying a number of them, I can say that the following method is the easiest to use and is compatable across all common versions of Firefox, Safari, and IE.
要約すると、
IE6では min-height や min-width が効かないため、それを効かせるためにはいろいろなハックやブラウザごとのスタイルシートが必要だった。
しかし以下のようにすればIE6にも対応したものが実現できる。
■min-height
.foo {
min-height:100px;
height: auto !important;
height: 100px;
}
■min-width
.bar {
min-width:100px;
width: auto !important;
width: 100px;
}
とのことで、かなり使えそうなCSSではないだろうか。
CSSでmin-heightをクロスブラウザにする最も簡単な方法、チェックして使っていきたいですね。


コンクリートに打ち込むフックや3Mの強力両面テープを買ってきた。かなり使えますね。いい感じだ。
あと友人がMacBook Airを買ってAir談義で盛り上がっています。

Kunitaka Kawashimo

Kunitaka Kawashimo

アートディレクター・デザイナー・フォトグラファー。株式会社クリーム代表取締役。グラフィックデザイン/Webデザイン/撮影の仕事のご相談・ご質問は、お気軽に以下までご連絡ください。info@creamu.co.jp