min-width & max-width

IE7にも実装されたCSSのmin-width,max-width(min-height,max-heightも)は、
リキッドレイアウトを採用する場合には非常に便利な属性なのだが、IE6で対応していない。

==代替策==
①普通のモダンブラウザに適用するwidthとheightを適用する。
++++++++++
#container {
min-width: 600px; max-width: 1200px;
}
++++++++++
②IE6用にはJavaScriptのexpressionメソッドを使用して適用する。
++++++++++
* html #container {
width:expression(document.body.clientWidth < 600? “600px” :
document.body.clientWidth > 1200? “1200px” : “auto”);
++++++++++

※expressionメソッドはIEに特有のもの(ダイナミックプロパティという)
 =他のブラウザでは無視されるもの
 →余計なコードを読み込ませないように、「* html」hack(IE6以下だけに読み込ませるハック)を使用して分離するのが吉。

ref:
http://www.techdego.com/2007/02/ie6minwidthmaxwidthcss.php

tag : min-width max-width

2007-06-21 00:47 : css : コメント : 0 : トラックバック : 0 :
コメントの投稿
非公開コメント

« next  ホーム  prev »

search

ad



counter


tag cloud

category cloud