4 
 p {
        margin:0;padding:0;
    }
    p#error {
        color:#FF0000;
        text-align:center;
    }
    p#success {
        color:#3983C2;
        text-align:center;
    }
    div#nav {
        background-image:url('../img/nav.png');
        background-repeat:no-repeat;
        padding-top:5px;
        padding-bottom:5px;
    }
    div#nav, a {
        text-decoration:none;
    }
    body {
        margin:0 auto;
        width:600px;
    }
    div#login, div#register {
        background-image:url('../img/form.png');
        background-repeat:repeat-y;
        padding-top:5px;
        padding-bottom:5px;
    }
    div#login table, div#register table {
        margin:0 auto;
    }
    div#login table td, div#register table td {
        text-align:right;
    }
    div#login input#btn, div#register input#btn {
        background-image:url('../img/btn.png');
        border-style:none;
        width:70px;height:25px;
    }
    div#footer {
        background-image:url('../img/footer.png');
        height:30px;
    }

これが私のCSSコードです。このCSSを他のブラウザで機能させる方法がわかりません。現在、Chromeで作業しています。すでにネットを検索して、関連情報のあるページをたくさん見つけましたが、それ以上にわかりにくいです。あなたの提案などが必要です。どうもありがとうございました！

4

3 に答える 3

7

CSS はすべてのブラウザでそのまま動作するはずです。ブラウザによって同じように表示されない場合があります。ほとんどの開発者は、リセットを使用してその問題を修正します。

CSS リセット

http://meyerweb.com/eric/tools/css/reset/

また

ノーマライズ

http://necolas.github.com/normalize.css/

于 2012-08-23T14:10:31.120 に答える
3

問題は、各ブラウザが異なるデフォルトのマージン、パディングなどを異なる項目に追加することです。これは、それぞれでわずかに、または大幅に異なるレイアウトが得られることを意味します。

私は次のような CSS レストを行うのが好きです。

*{margin:0; padding:0}
于 2012-08-23T14:10:51.407 に答える