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

« 代官山のおすすめインテリア&雑貨ショップ6選『6 interior shops in Daikanyama』 | メイン | 食べ物をもっとおいしく撮るための10のTips『The Ten Tastiest Food Photography Tips』 »

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をクロスブラウザにする最も簡単な方法、チェックして使っていきたいですね。

今日のCREAMU

コンクリートに打ち込むフックや3Mの強力両面テープを買ってきた。かなり使えますね。いい感じだ。

あと友人がMacBook Airを買ってAir談義で盛り上がっています。

この記事のトラックバックURL:

IE6で簡単にmin-heightを使うCSSハック

CREAMEでCSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』...
Astrodeo | 2008年3月25日 10:23

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

min-heightやmin-widthはIE6では効かないため、それを適用させるにはハックやビヘイビアなどを使って適用させていました。 しかし、下記のや...
DN*blog | 2008年3月25日 18:41

IE6のmin-width、min-heightハックに関して

CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 という記事...
Webtech Walker | 2008年3月25日 23:42

ネタ雑記:min-width、min-heightが使えない

min-width、min-heightは、要素の最低幅を指定するCSSコードで...
hmy.lab | 2008年5月11日 20:42

スタイルシート(CSS)で高さを合わせる

スタイルシートのfloatによる段組で、メニューと本文を2段に分けるっていうシチュエーションはよくあると思います。 そのとき、メニューを本文の長さにあわ...
とんでもブログ | 2008年7月28日 16:16

コメント一覧

いやー
今までで見てきた方法の中では一番スマートだなー
すげえ

コメントを残しておきます。
大分前から知られている手法ですが、!importantを指定することに違和感を覚えます。
http://hxxk.jp/2005/12/27/2246

この手法の利用者は当該IEに対する例外的なスタイルで指定した方がスマートな場合があることを十分承知すべきです。

こんにちわ。
こんなに簡単な方法で適用されるなんて夢の様です。
早速試してみましたが、ちゃんと適用されているみたいでした。

コメント投稿

Apple Store(Japan)
こっそりメッセージ

こっそりメッセージを受け付けています。ブログには公開されません。何かありましたらどうぞ!


ニックネーム:
Job Board(求人情報)

アーカイブ

カテゴリー

あわせて読みたい
フィードメーター - CREAMU
人気のエントリー

アーカイブ

カテゴリー