cssハックのまとめその1

http://www.show-hey.com/download/csshack01/

まずこれを見て下さい。

あなたが今使っているブラウザが
win IEなら緑色
mac IEなら赤色
firefox又はsafariなら青色が表示されているはずです。

これで単純にブラウザシェアのほとんどは網羅しているはずです。

ちなみにスタイルシートの解説です。

body
{
background: #0000FF;
}

/* for winIE4～6 macIE5.x */

* html body
{
background: #00FF00;
}

/* for macIE5.x */

/*\\*//*/
* html body
{
background: #FF0000;
}
/**/

太字の部分が注意点。正常表記は青色の部分です。僕自身がfirefoxを基準にコーディングしているので、ここでまず完成させます。

次に、winIE4～6のバク対処ですが、

セレクタの頭に

* html

をつけると、IEしかCSSを読みません。すなわちここにバグの対処を書き込みます。ちなみにこの方法ではmacIEもスタイルを読みますので、多少注意が必要です。

つぎにmacIEのエラーですが

まず

/*\\*//*/

次に前に* htmlで指定しているので、セレクタの頭に* htmlをつけて表記
/**/でしめる（* htmlで指定するのは、bodyよりhtmlの方が優先されるため。）

これで、ハック完了です。順番を間違えるとおかしな事になるので注意して下さい。

（正規表現）

（winIEのバグ修正）

（macIEのバグ修正）

です。
細かい事を言えば、バグ修正は上から上書きしている形なので、一つの要素にたくさんの指定をしてて（colorやpadddingなど）、一部だけ修正したい場合は（paddingのみなど）全てのスタイルを書く必要はありません。書いた方が分かりやすいかもしれませんが・・・。