star*sugar*star

今まで、PHPでUserAgentを取得してOS別ブラウザ別のCSSファイルに分けて処理していたわけだが、IE7 Hackの書き方もいろいろあり充実してきたのでそろそろ1つのCSSファイルにまとめてみた。多分、PHP使ってUAを取得して別々にCSSファイルがあるほうが確実に便利だとは思うけど、あえていくつものファイルを常に書き換えてというのも面倒くせっってなわけで。つか、面倒くさいことしてたのはおれだけか。そうか...orz

目障りなCSSの変更しまくってたり。まぁそんなに見てる人もないかw。今回、Windowsでは懐かしのIE4からも調整したけど、IE4はもうスタイルシート自体読み込まないようにした。IE5.5以上IE7まではHackを使い倒してなんとか同じように見えるかな。MacはIE5.x以外はHackせずに調整。意外に驚いたのはFirefoxって1系と2系では若干違うのね。ほぼ同じかと思ったけど。

いろいろ、Hackして試してみたけどこういう書き方もうまくHackできた。（以下例）

h3 {
margin: 10px 3px;
/* Other MacIE5\*/
margin: 0px;（MacIE5以外のモダンブラウザ）
/* */
}
/*\*/
*+html>/**/body h3 { margin: 10px 5px; }（Operaのみ適用）
*h3 { margin: 15px 5px; }（WinIE5〜7のみ適用）
/* */ 

たまたまかな？こんな感じで一発楽々な組み合わせで調整できたのだけど...。