ブラウザ毎にCSSの設定を切り分ける
はじめに
CSSのレイアウトでブラウザの解釈の違いやバグなどによって、微妙に表示が崩れることってありますよね。 そんな時、裏技を使って各ブラウザ毎に設定を切り分ける方法が以下のサイトにあります。
どうしても、うまくできないときは使うのも良いかもしれませんね。
CSS Filters and Hacks
例えば
そんな時には、CSS Filters and Hacksのfiltering using CSS only をクリックし、All Mozilla 0.6 - 1.6の欄が N でWin IE 4.0 - 6.x の欄がYの項目を選べばよさそうです。
今回、私は * html selector を使うことにしました。説明を読むと Win IE 4.0 - 6.x にのみ機能させたい selector の頭に * html を入れれば良さそうです。
次の設定例は、id main に対して、All Mozilla 0.6 - 1.6のブラウザに対して padding-leftを20pxとし、Win IE 4.0 - 6.x のブラウザに、padding-left 10pxとする例です。
#main{padding-left:20px;}
*html #main{padding-left:10px;}
/*
はじめに、#main{padding-left:20px;}ですべてのブラウザにpadding-left:20px;とし、Win IE 4.0 - 6.x のブラウザに対してのみ、padding-left 10pxとしています。
*/