[CSS]min-heightで最低限の高さを指定する(IE6対応)

実際の案件の要求とは別件ですがmin-heightについて。

例えばdivに背景画像を指定した場合、コンテンツ量によっては背景画像が見えないこともあります。
そんな時はmin-heightを使って最低限の高さを指定すれば問題解決。（IE6でも）

html

min-heightあり


	
Navigation-1
	
Navigation-2
	
Navigation-3
	
Navigation-4
	
Navigation-5
	
Navigation-6



Main Contents

CSS

#wrapper {
 width:600px;
 margin:50px auto;
 background:#fff;
}
#main {
 width:410px;
 padding:10px;
 float:left;
 background:#dfd9e6 url(img/bg_main.png) right bottom no-repeat;
}
/*コレ*/
.minheight {
 min-height:500px;
 height:auto !important;
 height:500px;
}
#side {
 width:140px;
 padding:5px;
 float:left;
 margin-right:20px;
 background:#d9dfe6;
}

デモページ

ところでIE6対応ってまだ需要あるの？（根に持ってます・・・）