リキッド・レイアウト
リキッドレイアウトの最小幅・最大幅をCSSのmin-width、max-widthで指定できる。
Internet Explorer 6.xはmin-width min-width プロパティに対応していないので別途JavaScriptで対応する必要がある。
<記述例>
■CSSのスタイルの記述
#container{
overflow:visible;
margin-right:auto;
margin-left:auto;
/*min-max width*/
min-width:668px;
max-width:980px;
/*min-max width for ie6*/
width:expression(ieXLiquidWidth());
}
■JavaScriptでexpressionに対する処理の記述
function ieXLiquidWidth() {
if(document.body.clientWidth < 674){
return "668px";
}else if(document.body.clientWidth > 986){
return "980px";
}else{
return "auto";
}
}
width:expression( JavaScript );はIE独自の拡張になっているので、それを利用してIE用に別途処理をJavaScriptで記述することで対応できる。
