html - IE7 で凡例が左に浮かない

Question

IE7で困っています。私は次のhtml形式を持っています。

<fieldset class="wrapper">
    <legend class="ct">Legend </legend>
    <div class="ct">Div 1</div>
    <div class="ct">Div 2</div>
</fieldset>

そして、これはcssスタイルです

.wrapper .ct {
    display:inline-block;
    *display:inline; /*IE7*/
    float:left
}

これを他のブラウザでテストすると正常に動作しますが、IE7 では動作しません。以下のスクリーンショットをご覧ください。しかし、凡例の代わりに div を使用すると、機能します。これがJsfiddleにありますここに画像の説明を入力

score 1 · Accepted Answer

アンドレスはほとんどそれを持っていました。"float: left" の後に "*float: none" を追加すると、うまくいくはずです。

.wrapper .ct {
    display:inline-block;
    float:left;
    *display:inline;
    *float:none;
}

score 0 · Accepted Answer

IE7の場合のみ、次を表示するように設定してみてください：インライン（インラインブロックではありません）。

そうです、痛みの伝説がどれほどあるかを忘れてしまいました。絶対位置を使用して、そのように配置する必要があります。他の部分には左マージンを、親には左マージンを付けます。デザインによって異なります。

score 0 · Accepted Answer

IE はを理解できません。代わりに、次のようにハックを使用して、そのブラウザーだけをターゲットにするdisplay:inline-blockことができます。display:inline

.wrapper .ct {
    display:inline-block;
    *display:inline;
    float:left
}

3 に答える 3