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

purazumakoiの[はてなブログ]

技術メモから最近はライフログも増えてきてます。

割と実用的?なIEのバグ対応方法

他のと同じcss内でIE用のハックをするのは

何か煩雑としたcssになってしまってスマートじゃないので



参考:
条件付コメント(Conditional Comments)実験ページ



1.別のcssをIEの時だけ読み込む

<head>
**メタ書く**
**js読み込んだりとかする**
**css読み込んだりする**

**IE専用の対応**
<!--[if gte IE 5.0000]><link rel="stylesheet" type="text/css" href="../../css/iewin.css" media="screen,print"><![endif]-->
</head>


2.で中身
この1ファイルだけでIE5系、IE6、IE7
の全てに対して対応できる。
メインのcssにはハック書かなくていいからいい感じ

/*
	----------------------------------
	iewin.css
	----------------------------------
*/

body, th, td {
	font-size: small; /* IE全般 */
}
h1 {
	font-size: 120% !important; /* IE7.0用 */
	font-size: 110%;
}


/* winie5.x
---------------------------------------------*/
@media tty {
 i{content:"\";/*" "*/}} 
 
	/* IE5.5用(それ以前のIEは特に確認してない) */
	body, th, td {
		font-size: x-small;
	}
	
  /*";}
}/* */


ただDreamweaverつかってるとテンプレート使った時に
コメント扱いにされてしまうので、パスの修正をしてくれないから編集可能領域に入れてます。
cssのパス自体は手作業で直すってことですね。