css - IE の表示は他のブラウザとは異なります

Question

その他のブラウザ:

いいえ:

CSS コード:

#headermenu { 
    clear: both; 
    width: 800px; 
    height: 70px; 
    margin-bottom: 10px;
    text-align: center;
}

#headermenu ul { 
    padding: 0 0 0 20px; 
    margin: 0 auto; 
    list-style: none;
    display: inline-block;
}

#headermenu ul li { 
    margin: 0; 
    padding: 0;
}

IE では正常に動作していますが、他のブラウザでは結果が異なります。

Answer 1

ではなく要素に適用display:inline-blockする必要があります。IE がうまく動作しないという一般的なルールを除いて、IE でどのように機能するのか、私にはわかりません。liul

また、list-style-type:none;の代わりにを実行し、と要素list-style:noneの両方に適用します。IE とその他では適用方法が異なるため、これで両方の可能性がカバーされます。ulli