copyright ©
creamu Inc. All Rights Reserved.
art direction & design: Kunitaka Kawashimo
code, interaction & photography: creamu Inc.
category: Technology

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


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談義で盛り上がっています。