本文へジャンプ

howtohp.com

CSSで最低の高さを実現する。

最低の高さを持たせるっていうのは、色んなデザインをコーディングしてたら、かなりの確率で出会う場面なんですが、IE6でmin-heightが使えなかったり、IE7ではheightで指定した値を超えても、自動的に広がってくれないので、色んなやり方があると思うんですが、自分のやり方をメモっておきます。

CSS Sample

/*------------------------------------------------
	500pxの最低の高さ
-------------------------------------------------*/
#hoge {
	min-height:500px;
	height:auto !important;
	height:500px;
}

たった3行で、ほぼ、すべてのブラウザで最低の高さを持たせることができます。

ページ先頭へ戻る

Trackback URI

http://howtohp.com/mt5/mt-tb.cgi/9

コメント

Comment Author
maki kagawa

ジャスト、この方法を探していて見つけました!
お陰で四苦八苦することなくcssで並べているリストの高さを調節できました。
ありがとうございます。


maki kagawa
Comment Author
com

素敵過ぎる!ぴったんこでした。
ありがとうございます!


com

Add Comments

コメント入力フォーム
 (公開されません)