( CSS )ブラウザの横幅サイズの最小値を指定【min-width】
可変レイアウトでサイトを制作しているとき等、かなり重宝するCSSの指定です。
ブラウザの横幅サイズの最小値を指定する方法は、覚えておいて損はないでしょう。
●index.html
[html]
<head>
<style type="text/css">
body {
min-width: 920px;
width:expression(document.body.clientWidth < 922? "920px" : "auto");
}
contents {
min-width: 880px; width:expression(document.body.clientWidth < 882? "880px" : "auto"); } </style> </head> <body style="border:10px solid #ccc;"> <div id="contents" style="background-color:#00ff00;"> 横幅の最小値のテスト </div> </body> </html>[/html]
expressionはIE独自に実装されているダイナミックプロパティです。
IE6用に使用しています。
IE6、IE7、IE8、Firefox、Chromeで動作することは確認済み。