CSS IEでもmin-heightやmin-width使う方法 – max-heightやmax-widthも含む

この記事は4年前に書かれました。不適当な記述を含む場合がありますので、参考程度に留めてください。

どうもこんにちは。今回は【CSS IEでもmin-heightやmin-width使う方法 – max-heightやmax-widthも含む】です。min-heightやmin-width等はかなり便利なプロパティですがIE7やIE6では対応していません。ただ少しCSSを付け加えればその便利な機能も活用できますので一応備忘録として。

height


#page{
min-height: 150px;
height: auto !important;
height: 150px;
}


#page{
max-height: 200px;
width:expression(document.body.clientWidth > 202? "200px" : "auto");
}

width


#page{
min-width:100px;
width: auto !important;
width: 100px;
}


#page{
min-width: 100px;
width: expression(document.body.clientWidth < 102? "100px" : "auto");
}


#page{
max-width: 200px;
width:expression(document.body.clientWidth > 202? "200px" : "auto");
}

以上になります。

参照元:[CSS]IEで、min-widthやmax-widthを実現する方法