2012-02-16 73 views
0

另一個IE6(和7)漂浮問題。 我有一些label s在右邊,一些input s,textareaspan在左邊。 http://jsfiddle.net/VRErj/1/IE6漂浮標籤

我該如何解決?

編輯:screenshot

+0

問題是什麼?你能給一個截圖嗎?瀏覽本網站的大多數人可能都沒有使用IE 6或7,所以人們很難在沒有更多解釋的情況下提供幫助。 – Jeff 2012-02-16 15:08:14

+1

不幸的是,在IE7和更低版本中,在同一個CSS類中添加'clear'和'float'不會像預期的那樣工作。你需要在你想清除的元素後添加一個額外的清除元素。 – 2012-02-16 15:13:54

+0

@Jeff:是的,我添加了截圖。 – mrdaliri 2012-02-16 15:19:12

回答

1

正如我頭疼提到的,結算是在IE 7和下方的疼痛。您可以將標籤/輸入對包裝在一個div中,並將clearfix類應用於此頁面上:http://www.positioniseverything.net/easyclearing.html。它看起來像這樣:

<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...--> 

這應該做到這一點。