2013-03-20 26 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