在IE中有內聯輸入存在奇怪的問題

Question

由於開發人員的工具很好，我一直在構建一個表格，並且在webkit瀏覽器中完成了我的大部分開發工作。我去了IE測試，我有一些非常奇怪的結果，有關連續3列的div。我似乎無法找到解決辦法。有沒有人看過這個問題（見下面的鏈接）？

http://65.61.167.68/form/

Answer 1

我建議避免使用display: inline-block，因爲IE 6和7不能正確實現它。在這種情況下，可以通過更改樣式表的第33行來解決FF中的問題。取下display: inline-block，而是向左浮動。

#paydayForm .row .column 
{ 
    float:left; 
    margin-bottom:5px; 
    margin-right:18px; 
    margin-top:5px; 
    width:170px; 
} 

Answer 2

對您的問題沒有答案，但對於這種數據，使用表格而非div更好。 Div可以是有用的，但不是在這種情況下。請檢查下面的例子：http://jsfiddle.net/NtXwQ/

<table> 
    <tr> 
    <td colspan="2">amount requested</td> 
    <td rowspan="2">info<br />text<br />here</td> 
    </tr> 
    <tr> 
    <td>first name</td> 
    <td>last name</td> 
    </tr> 
    <tr> 
    <td>zip code</td> 
    <td>city</td> 
    <td>state</td> 
    </tr> 
    <tr> 
    <td colspan="2">date of birth</td> 
    <td>social security no</td> 
    </tr> 
</table>

使用CSS你可以改變寬度，高度，間距等，並創建你現在正在使用相同的風格。最後，這樣的設置也更容易維護。使用div來顯示錶格數據只會讓你頭痛:)