レイアウトにCSSを使用するとIE6とIE7で奇妙な縦のズレが発生する

Question

Jonathan Amendのおかげで、CSSは以下のiebug.htmlに修正されました。

それは本当にIE6またはIE7でそれを見ないで、この問題を説明するのは難しいですが、あなたはIE6 & 7上の以下のページを見て、とにかく場合は、「私にパンフレットを送る」の隣に表示されますと "私はすべての上の余白とパディングを変更しようとした

http://sonic.huntinternet.com/iebug.html

：私は（一つ以上のボックスをチェック）」のチェックボックスとそのラベルが不思議に押されたり、何らかの理由でプルダウンされているのより多くの情報を希望します私の要素は0になりましたが、これはIE6には何の影響もありません。& 7 - 私はそれが何らかのバグだと思っています。しかし、私は本当にenを持っていませんどのような種類のポインタであってもいいので、どんなバグが見つかるか知ることは大変です。

FYI私はサイトポイントのWebサイトから、ネストされたリストを使用することを示唆しているガイドを使用しましたが、実際には違いはありません。 xhtmlとcssはどちらもw3cのバリデーターに従って有効です。

ありがとうございました！ジョン。 。

Answer 1

*表示：インラインブロック。お問い合わせフォームへ。これは、IE 6/7がリスト項目（デフォルトでブロック要素）を新しい行にクリアする方法によくあるバグです。

Answer 2

フロートされたラベルがコピーで2行の長さであるため、OLは2番目の行の先頭に位置合わせしています。

ここで気になる解決策は、OLを左に浮かせることです。もちろん、各LIにクリアフィックススタイルが必要です（clearfixのスタイルはhttp://net.tutsplus.com/tutorials/html-css-techniques/css-fudamentals-containing-children/で見つけることができます）。