search :

archive :



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

CSS min-height min-width クロスブラウザ ハック

_CSS | March 25, 2008, 8:40
はてなブックマーク

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

Editor's Note

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

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

Trackback URL :

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

CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 | CREAMU
| 2012年5月 8日 18:28

プロフィール

プロフィール

WEB制作・ブランディングを主軸とした、株式会社クリーム代表取締役。

案件につきましては、「お問い合わせページ」からお気軽にご相談ください。

Recommend

  • Josef Muller-Brockmann: Pioneer of Swiss Graphic Design
  • Who Owns The Water?
  • Helvetica: Homage to a Typeface
  • Corporate Diversity: Swiss Graphic Design and Advertising by Geigy, 1940-1970
  • Typography (Graphic Design in Context)
  • +81 voyage or Tokyo Graphic passport World Tour---At Center Pompidou in Paris and 3331 Tokyo
  • WONDERWALL ARCHIVES 01

archive :