css - IE7の入力でのフローティングオフセットのバグ

Question

私はいくつかのクロスブラウザフォームのスタイリングに取り組んでおり、ie7の障害にぶつかりました。

ここie7でリンクされたフィドルを見ると、最初の行の入力がオフセットされていることがわかります。その下で同様にスタイル設定されたスパンは、同じ問題の影響を受けません。

私がテストしているシステムは、私が試した他のすべてのブラウザで動作します。

誰かがこれを修正したり、実際にそれをスタイリングするためのより簡単な方法を持っていますか？

Answer 1

答えは、hasLayoutのバグを元に戻すために、すべてのフィールド要素の周りにdivをラップすることです。

詳細については、こちらをご覧ください：http: //my.safaribooksonline.com/book/web-development/css/9780321703392/the-usual-suspects/ch04lev1sec3

<form action="#" class="form-horizon">
<fieldset>
    <legend>Test Form</legend>
    <!-- div fixes hasLayout inherited margin bug in ie7-->
    <div>
        <label for="input-focused">Focused</label>
        <input type="text" id="input-focused" class="focus" value="focused input" />
        <label for="input-no-edit">Non editable</label>
        <span id="input-no-edit" class="no-edit-input">none editable</span>
    </div>
</fieldset>
</form>