IE9中的表格单元格大小错误。在其他浏览器中正常工作

时间:2011-11-18 09:40:52

标签: html internet-explorer-9

请在IE9中查看以下页面。

www.homextreme.co.za/default_test.aspx

为了调试目的,我在某些表上添加了边框

在左侧选择下拉列表中的任何区域,页面将刷新.. 在右边你会看到右边桌子下面有一个间隙。

我已经搜索了很长时间并搜索了IE9表错误修复并尝试了它们但是对于我的生活我无法正确地调整该单元格。有人可以帮我解决这个问题吗?

Link to screenshot before I expand the directory on the left.

Link to screenshot after...

谢谢

1 个答案:

答案 0 :(得分:0)

从列表中进行选择后,左列会显示一个长列表。由于所有内容都在一个更大的表中(表中的表内的oy表),因此右列必须垂直扩展。

在右栏中,另一个上面有两个单元格(加上中间的单元格用于间距)。顶部的那个包括你不想要的空间的桌子,底部的单元格有一堆其他较小的部分。顶部单元格垂直扩展,最终比内容更高,这是您看到的额外空间。如果您将该单元格(第1行,第3个单元格)的垂直对齐方式(vAlign)更改为top,则会看到空格移动到顶部。

它没有出现在其他浏览器中的原因是它们可能有不同的行高算法,并使第一行尽可能小,剩下的就是第二行和第三行。然后IE使用百分比或使行与内容或其他内容成比例。

我不确定建议你做些什么来解决这个问题。如果您要坚持使用表格进行布局,只需使用一行并为每列添加一个单元格,并将每列的内容保留在同一单元格中,而不是将其分成行。