Internet Explorer 10 - TD高度設置爲0 - 未顯示TD內容

IE10：我試圖在IE10上顯示一個表格，一些單元格數據丟失。這項工作在IE9和Chrome上很好。當我刷新頁面時，這些單元格會顯示內容，但是再次顯示其他單元格的內容。當我用IE顯影劑工具，我可以看到風格等爲相比於被示出具有僅一個區別如下Internet Explorer 10 - TD高度設置爲0 - 未顯示TD內容

在開發工具中的數據單元，這些單元是完全相同的 - >佈局選項卡，當我檢查這些TD，它顯示高度爲0px，但對於其他正常的TD，它顯示高度爲10.19px，我非常確定在src中這些TD完全相同（樣式，高度，寬度等），似乎在IE10中呈現時存在問題。在HTML src中查看時，它會顯示未獲取渲染的TD的內容。

Src在TD：

<td width="" align="left" class="" id="Row16Col5" valign="middle" colspan="1">

任何想法，什麼是錯在這裏嗎？

我看到類似的問題在微軟論壇狀態不會修復！ http://connect.microsoft.com/IE/feedbackdetail/view/867361/ie10-premature-rendering-causes-blocks-to-not-show-content-e-g-td-or-div-gets-0px-height

來源

2014-12-03 Rishikesh Dagwal

如果可能的話，請包括一個鏈接到你的網站或你的訊息混搭......

歷史IE不使多餘的TD或BR元素.... 如。

<table style="border:solid 1px red; width:500px"> 
 
    <tr><td> </td></tr> 
 
</table> 
 
<!-- empty cells (including whitespace) are not displayed --> 
 

 
<table style="border:solid 1px red; width:500px"> 
 
    <tr><td>&nbsp;</td></tr> 
 
</table> 
 
<!-- fix the issue by adding &nbsp; to the cell contents -->

注意：儘量避免使用貶值表現性元素（高度，寬度，對齊，VALIGN）... 使用CSS規則，而不是...

列跨度和行跨度屬性對於表格單元格仍然使用，但它們必須加起來一個表格的第一行中指定的單元格總數....再次驗證您的標記將顯示colspan錯誤。

在validator.w3.org驗證您的頁面標記 - 它會告訴您是否使用折舊的表示屬性（取決於您的文檔類型聲明）。

來源

2014-12-08 02:41:33

Internet Explorer 10 - TD高度設置爲0 - 未顯示TD內容

回答

相關問題