割と実用的？なIEのバグ対応方法 - purazumakoiの[はてなブログ]

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

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

１．別の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>

２．で中身
この１ファイルだけで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のパス自体は手作業で直すってことですね。