2


0

ie7が最初のリストアイテムの左マージンを無視するのはなぜですか(のみ)?

上記のランディングページには、4つの寄付ボタンがあるオファーボックスがあります。 最初の3つは個々のIDでターゲット設定され、13pxの左マージンが与えられます。

ie7を除いて、私が見ているすべてのブラウザですべてがうまく機能しています。 何らかの理由で、ie7は最初のリストアイテムの13pxの左マージンを無視し、そのリストアイテムのみを無視しています。

奇妙な部分は、IEの開発者ツールを開いて(実際にIE7で表示するのではなく、IE7モードでIE8を使用する)要素を選択すると、13pxのマージンがあることを示しています。 ブラウザはそれを無視しているようです!

ここで知っておくべきIE7の癖はありますか、または追加すべきCSS宣言を逃しましたか? 何か案は??

ありがとうございます。

2 Answer


2


それらの li`を収容する ul`のパディングを 10px 13px`に設定してから、 li`から `margin-left`を削除してください。


0


間違った境界線、行の高さ、ボックスモデルをクリアするだけで安全です。

CSSの一番上の最初の行に、次を追加します。

html,body,h1,h2,h3,h4,h5,h6,p,ul,li,img {border:none;padding:0;margin:0; /* etc. like font-size:10px;line-height:10px; */}

その後、各アイテムに「必要な」値を後で設定できます。さらに設定できます

display:block;

要素では、同じボックスモデルを使用します。 IE6 / IE7は、一部の要素のデフォルトであるインラインブロックを理解していません。