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




<pre><pre><pre><pre>[CSS]min-heightで最低限の高さを指定する(IE6対応)
実際の案件の要求とは別件ですがmin-heightについて。

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

html


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対応ってまだ需要あるの?(根に持ってます・・・)

タイトルとURLをコピーしました