ＦｉｒｅfoxとIEの表示の違いをCSSでなんとかする-Dig*Dag

ブラウザごとにCSS

FirefoxとIEの表示の違いに苦しむオレ。
とりあえずブラウザごとにCSSを振り分ける方法をチェック。

Sample CSS

例えば以下のようなCSSを書いたとする。

.header{
        color:#6a6a6a;
        margin:0;
        padding:0 20px;
        float:left;
}

これをブラウザごとに振り分けるには、

Firefoxの場合

html>body.header{
color:#6a6a6a;
margin:0;
padding:0 20px;
float:left;}

IE6の場合

*.header{
color:#6a6a6a;
margin:0;
padding:0 20px;
float:left;}

IE7の場合

*:first-child+html.header{
color:#6a6a6a;
margin:0;
padding:0 20px;
float:left;}

Safari,Operaの場合

html:first-child.header{
color:#6a6a6a;
margin:0;
padding:0 20px;
float:left;}

関連記事

• FirefoxとIEの表示の違いをどう解決するか？
• Firefox ＩＥ　の表示の違いをまとめてみる
• IEとFirefox 表示を確認しながらCSSを編集できる

ブラウザ間の表示の違いの解決法のまとめ

Firefox IE　表示の違い　クロスブラウザまとめ

• 前の記事：「Youtube 動画　おもしろい動画集めてみました」
• 次の記事：「一度にIE3から7まで開けるアプリ　CSSチェック」

Comments

What say you?

Track backs

http://digdagdig.blog117.fc2.com/tb.php/97-c9075240

この記事にトラックバックする(FC2ブログユーザー)