Top >
>
[PR]
×
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
テンプレートを作っていて、IEではmax-widthが使えないことに気づいた。
調べてみると、次のようなページが見つかった。
[CSS]IEで、min-widthやmax-widthを実現する方法 | コリス
CSS内でJavaScriptを実行することで、CSSの内容を変えているようだ。
実際には、*htmlハックを用いて、IE以外では読めないようにする。
以下、テンプレートで実際に書いたCSS
#mainBlock { text-align: left; width: 90%; min-width: 600px; max-width: 920px; margin: 10 auto; border: 1px solid silver; } *html #mainBlock{ width:expression(document.body.clientWidth < 602? "600px" : document.body.clientWidth > 922? "920px" : "90%"); }
最小幅を600px、最大幅を920pxとしている。
また、最後の90%は前条件以外の場合適応される値であるため、#mainBlockのwidthと同じにしている。
PR