読者です 読者をやめる 読者になる 読者になる

炊きたてのご飯が食べたい

定時に帰れるっていいね。自宅勤務できるっていいね。子どもと炊きたてのご飯が食べられる。アクトインディでは積極的にエンジニアを募集中です。

( 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、FirefoxChromeで動作することは確認済み。