低価格、短納期、高品質なWebサイト制作|ScuderiaWeb

min-heightのクロスブラウザ対策

min-heightはdiv等の高さの最小値を設定するもの。
Webデザインでは、min-heightを使いたい場面は多々ありますが、IE6等では未対応です。
しかし、簡単にクロスブラウザ対策（ブラウザの種類問わず同じように表示させるための対策）をとることができます。

サンプル

min-heightのクロスブラウザ対策サンプル（別ウィンドウで表示）

コード

CSS

div.min {
	min-height: 300px;
	height: auto !important;
	height: 300px;
}