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来显示表格数据只会让你头疼：）

IE中的内联输入存在奇怪问题

2 个答案: