0

パディングの幅に問題があります。Chrome/Firefox では、Internet Explorer とは異なって表示されます。Internet Explorer では、はるかに大きくなります。それは

.menu ul li{
    display:inline;
    padding-right:60px;
    margin:0;
}

なんで？

.menu{
    background-color:#000;
    height:35px;
    padding-top:15px;
    color:#fff;
    font-size:18px;
}

.menu ul{
    padding:0; 
    margin:0;
    list-style-type:none;
}

.menu ul li{
    display:inline;
    padding-right:60px;
    margin:0;
}

.menu a:link{
    color:#fff;
}

.menu a:active{
    color:#fff;
}

.menu a:hover{
    color:#fff;
}

.menu a:visited{
    color:#fff;
}

誰かが助けてくれることを本当に願っています:)

4

3 に答える 3

3

IE は高さ/幅の一部としてパディングを計算しますが、他のブラウザーは高さ/幅にパディングを足したものとして解釈します。したがって、高さ/幅またはパディング/マージンのみを指定してください。

于 2012-11-08T12:22:57.410 に答える
1

ie のボックス モデルを他のブラウザのボックス モデルと統一したい場合は、いつでも box-sizing CSS3 プロパティを使用できます。古いバージョンの ie ではサポートされていません。詳細については、こちらをご覧ください - http://www.css3.info/preview/box-sizing/

于 2012-11-08T15:01:43.003 に答える
0

font-styling を設定しても、ブラウザーが異なればフォント スタイルも異なるためです。同様に、つまり、フロントのサイズが異なります。IE用のコードを書くことができます。

ここでは、特定の css を ie のみで使用する方法を支援するリンクを示します。

http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

于 2012-11-08T12:20:12.143 に答える