2009年4月23日

IEブラウザと条件分岐コメント

投稿者: 管理者

まだどうしてもさけられないIEブラウザの表示問題。
一番多いIE6の問題で、IE6のを適用対象にする場合、
(実際には、Win IE4-6およびMac IE5で適用。)

* html セレクタ {・・・}

XHTMLで処理する場合、条件分岐コメントをつかう。
head要素内に書くと、WinIE5以降では、コメント内の条件式が評価され、該当のバージョンのWinIEは、書かれているソースをコメントではなく、内容として扱う。
■通常のXHTMLコメント
<!– コメント –>
■条件分岐コメント
<!–[if 条件式]>
条件に適合したときに有効になるソース
<![endif]–>
■条件式で指定できる項目
lt     より小さい(less than)
lte    より小さいか等しい(less than or equal)
gt    より大きい(greater than)
gte    より大きいか等しい(greater than or equal)
IE     固定
バージョン  整数(少数も4ケタまで可能)
■Win IE 5以降すべてに読み込ませる
<!–[if IE]>
<link href=”../css/win-ie.css” rel=”stylesheet” type=”text/css” media=”screen” />
<![endif]–>
■Win IE 7未満に読み込ませる
<!–[if lt IE 7]>
<link href=”../css/win-ie.css” rel=”stylesheet” type=”text/css” media=”screen” />
<![endif]–>
■Win IE 6以前に読み込ませる
<!–[if lte IE 6]>
<link href=”../css/win-ie.css” rel=”stylesheet” type=”text/css” media=”screen” />
<![endif]–>
■Win IE 6未満に読み込ませる
<!–[if lt IE 6]>
<link href=”../css/win-ie.css” rel=”stylesheet” type=”text/css” media=”screen” />
<![endif]–>
■Win IE 5.xに読み込ませる
<!–[if IE 5]>
<link href=”../css/win-ie.css” rel=”stylesheet” type=”text/css” media=”screen” />
<![endif]–>