IE中表格單元格內的絕對位置

我在Internet Explorer中的表格單元格內存在一些絕對定位的問題（具體而言，9，但我確定也存在< 9）。我試圖強制表格單元內的div佔用整個單元格。IE中表格單元格內的絕對位置

div { 
    position: absolute; 
    top:0; 
    bottom:0; 
    right:0; 
    left:0; 
} 

td { 
    position: relative; 
}

但出於某種原因，IE瀏覽器完全不同的表現：它採用了鍍鉻/ FF/Safari瀏覽器很容易。我無法讓它根據表格單元給出一個動態高度。 Here's一個例子來顯示我在說什麼。它的工作原理是我在Chrome/ff/safari中需要它，但它在IE中被破壞了。有什麼辦法讓它在IE中以相同的方式工作嗎？謝謝！

來源

2012-06-05 Chris

它不爲我工作在Firefox。你確定你在Firefox中檢查過嗎？如果是這樣，哪個版本？另外，閱讀這個答案：http：//stackoverflow.com/questions/7629326/position-relative-in-firefox/7629567#7629567 – thirtydot

啊，你是對的，它不能在FF工作...這是不幸的， '位置：相對; wdc規範中不支持td。這是有原因的嗎？有沒有解決方法，或者我做這個完全錯誤？ – Chris

我不知道爲什麼行爲沒有在規格中定義。解決您的問題並不是一個特別簡單的方法。你爲什麼首先使用'table'？ – thirtydot

我建議你不要將你的元素定位到所有方向，只使用其中的兩個，而是使用你的div的大小。

喜歡：

div { 
    position: absolute; 
    top:0; 
    bottom:0; 
    width: 100%; 
    height: 100% 
} 

td { 
    position: relative; 
    width: 400px; 
    height: 400px; 
}

來源

2012-06-05 15:49:12

一個很好的提示，我可能會使用，但這不能回答我的問題。您的示例在IE中不起作用。 :) – Chris

它具有不能使用邊距和填充與像素值的顯着缺點。 – Christoph

IE中表格單元格內的絕對位置

回答

相關問題