2011-04-10 92 views
0

我不確定問題在於IE9而不是其他瀏覽器,但我認爲這是一個安全的開始假設。IE9中的表格渲染問題

在IE9中查看this web site時,我在主佈局表格的行之間出現黑色水平線。這在Firefox 4和Chrome中不可見。

身體背景是黑色的,所以我假設每行之間有一個小小的間隙。表格聲明包含以下屬性,並且沒有有效的CSS規則。

border="0" align="center" cellpadding="0" cellspacing="0" 

什麼是最有可能造成這種情況?

回答

1

的問題是,你必須在太多的文字細胞與rowspan。它只是迫使桌子變得更高,以至於圖像的高度不足以覆蓋他們的細胞。

如果要用文本填充單元格以最後一個段落到底部(或者僅使用單元格中的所有可用空間),則必須設置單元格中每個元素的確切大小單元格覆蓋不同瀏覽器具有的不同邊距,填充和線條高度。

將段落置於底部的另一種替代方法是使用絕對定位。然後,佈局不像瀏覽器之間的變化那麼敏感。

而且,正如約翰指出的那樣,您當然應該在頁面上有一個文檔類型,以便在標準遵從模式下呈現而不是在怪癖模式下呈現,這也有助於減少瀏覽器之間的差異。

+0

哇,你的第一段話我至少還有一分鐘時間:-)我引用了整整兩個小時來解決問題。 – ProfK 2011-04-10 09:55:32

+0

我現在已經完全移除了rowspan單元格中的兩個圖像,並將項目符號列表修剪爲三個項目,但沒有任何更改。 – ProfK 2011-04-10 10:11:53

+0

@ProfK:我只是刪除了單元格末尾的空白段落之一,以防止單元格變得太大。 – Guffa 2011-04-10 11:46:23

0

嘗試在HTML文檔,或者只是第一行加

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<!DOCTYPE html> 

它可以幫助

+0

這當然是很好的建議,但它並沒有解決這個具體問題。 – Guffa 2011-04-10 09:43:31