忍者ブログ
http://who7s.blog.shinobi.jp/
×

[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
カレンダー
07 2017/08 09
S M T W T F S
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
サブカテゴリー

[プログラミング]

アルゴリズム
C
Java
VisualBasic
PHP
HTML/CSS

最新コメント
プロフィール
HN:
Juan
性別:
男性
自己紹介:
社会人1年目。
システムエンジニア見習いとなるべく勉強中。
カスタマイズに特化したブラウザ Sleipnir。上級者のために。
Mozilla Firefox ブラウザ無料ダウンロード
カウンター
バーコード
BlogParts

Copyight© who7s All Rights Reserved.
Designed by who7s.
忍者ブログ [PR]