2

http://blog.helpcurenow.org/test/mockups/mar2010/lp.html

上記のランディング ページには、4 つの寄付ボタンがあるオファー ボックスがあります。最初の 3 つは個別の ID を対象としており、13px の左余白が与えられています。

ie7 を除いて、私が表示しているすべてのブラウザですべて問題ありません。何らかの理由で、ie7 は最初のリスト項目の 13px の左マージンを無視しています。

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

ここで知っておくべきie7の癖はありますか、それとも追加すべきCSS宣言を見逃していましたか? 何か案は？？

ありがとう！

4

2 に答える 2

2

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

于 2010-03-03T16:29:30.840 に答える
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 は、私が信じているいくつかの要素のデフォルトである inline-block を理解していません。

于 2011-03-20T17:17:53.347 に答える