2012-02-16 7 views
0

もう1つのIE6(および7)浮動小数点問題。 私はいくつかのlabelを右に持っていて、いくつかはinputtextareaおよびspanの左側にあります。 http://jsfiddle.net/VRErj/1/IE6浮動ラベル

どのように修正できますか?

編集:screenshot

+0

問題は何ですか?あなたはスクリーンショットをつけることができますか?このサイトを閲覧しているほとんどの人は、IE 6または7を使用していない可能性があります。 – Jeff

+1

残念ながら、同じCSSクラスで 'clear'と' float'を追加すると、IE7以下では期待通りに動作しません。あなたは 'clear'したい要素の後にもう一つのクリアリング要素を追加しなければなりません。 –

+0

@Jeff:はい、スクリーンショットを追加しました。 – mrdaliri

答えて

1

マイ・ヘッドが述べたとおりハーツ、クリアは以下IE 7の痛みです。 divにラベルと入力のペアをラップし、http://www.positioniseverything.net/easyclearing.htmlというクラスにclearfixクラスを適用することができます。これは次のようになります。

<div class="clearfix"> 
    <label for="input1">input 1:</label> 
    <input type="text" name="input1" id="input1" /> 
</div> 
<div class="clearfix"> 
    <label for="input2">input 2:</label> 
    <input type="text" name="input2" id="input2" /> 
</div> 
<!--etc...--> 

それはそうすべきです。

関連する問題