2013-03-20 28 views
1

我在IE9 +中遇到了我的标记问题。嵌套0​​不填写父母td嵌套表不能填充高度的父td

这是jsFiddle。 红色表格必须填写剩余的垂直尺寸。

在任何其他浏览器中,所有工作正常。 任何帮助表示赞赏。


UPD。刚刚添加了一张图片来展示我在IE中看到的内容。

enter image description here

+0

真的是有没有其他解决办法比使用嵌套表? – Paul 2013-03-20 13:45:10

+0

是的,我无法对标记应用任何全局更改。我希望这个问题可以用纯CSS来解决。 – 2013-03-20 13:48:25

+0

我只是尝试在两个表上设置'cellpadding'和'cellspacing'并且[工作](http://jsfiddle.net/fJ2WS/1/)。只是添加 - 它可能是影响它的'doctype'。 – Paul 2013-03-20 13:53:17

回答

0

我不认为这是可能的充分单独填写CSS的空间,但倒塌的边界确实有点帮助:

table { 
    border-collapse:collapse; 
} 

Example

编辑:似乎你已经编辑了你的问题。

如果同时你的表永远只能有两行,在td元素的height设置为50%,似乎这样的伎俩在IE中:

table td { 
    height:50%; 
} 

http://jsfiddle.net/fJ2WS/3/

+0

不,这两个表可能有任何行数。 – 2013-03-20 14:19:30

+0

他们*有*有%高度吗? – 2013-03-20 14:22:06

+0

我认为是。但父表的顶部'tr'可能有'px'大小。 – 2013-03-20 15:12:23