在IE中重疊的表格邊框

我知道IE不會將css樣式應用於表格行，所以我不得不做一個解決方法，我將樣式添加到每個單元格中。現在我的問題是，在Firefox/Chrome中，外邊界完美顯示;但在IE中它與單元底部的邊界有間隙。這就是區別是什麼樣子http://i.stack.imgur.com/9rg8S.jpg我不能改變鏈接的樣式表的內容，我想不出什麼，他們正試圖在這裏CSS Table cell border overlapping table border 在IE中重疊的表格邊框

鏈接的樣式表（style.css文件），內容說：

body { 
background-color: #cc0000; 
} 

.tablewhite{ 

border-collapse: collapse; 
} 

.tablewhite td{ 
background-color: #cc0000;; 
color: #000; 
font-weight: 10px; 
border: 1px solid #fff; 
padding-left: 2psx; 
padding-right: 4px; 
border-spacing: 0px; 
}

HTML頁：http://pastebin.com/2mZYDx1n

來源

2011-03-09 imgr8

嘗試添加邊框到您的表：

.tablewhite{ 
    border: 2px solid black; 
    border-collapse: collapse; 
}

來源

2011-03-09 05:54:21

有些情況下，邊界只應用於幾行來標記出來而不是整個表格，這就是爲什麼我使用了行css。 – imgr8 2011-03-09 05:59:19

如果您將其餘CSS保持不變，並添加「border：2px solid black;」，如上所述，IE 8上的邊框對我來說很不錯。讓我知道您是否得到不同的結果。 – 2011-03-09 06:02:50

這很有效，但有時候我不想將邊框應用到整個表格 - 只有一些行像這裏一樣http://pastebin.com/2yFc2jPx然後我無法使用表格的邊框樣式。 – imgr8 2011-03-09 06:19:54

.tablewhite { 
    border-left: 1px solid #A3A3A3; 
    border-right: 1px solid #A3A3A3; 
    background: #CCC; 
} 

.tablewhite td { 
background-color: #cc0000;; 
color: #000; 
font-weight: 10px; 
border-bottom: 1px solid #fff; 
padding-left: 2psx; 
padding-right: 4px; 
border-spacing: 0px; 
}

來源

2011-03-09 05:51:32

試一下，並相應地改變顏色 – 2011-03-09 05:52:12

隨着該白色邊框重疊黑一個在Firefox也。我希望黑色邊框在白色之上，就像它在Firefox圖像中一樣。另外，問題在於我無法修改.tablewhite css，因爲它也在其他一些文件中使用。 – imgr8 2011-03-09 05:55:56

這樣做：

body { 
background-color: #cc0000; 
} 

.tablewhite{ 


border: 2px solid #000; 
border-collapse: collapse; 

} 

tr { 
    border-left: none !important; 
} 

.left { 
    border-left: none !important; 
} 

.right { 
    border-right: none !important; 
} 

.tablewhite td{ 
background-color: #cc0000;; 
color: #000; 
font-weight: 10px; 
border: 1px solid #fff; 
padding-left: 2px; 
padding-right: 4px; 
border-collapse: collapse; 
} 



tbody { 
    border: 2px solid #000; 
}

來源

2011-03-09 06:22:08

我在這裏測試它： http://waveestates.com/table.php – 2011-03-09 06:25:39

謝謝！我認爲它是IE9的一個問題 – imgr8 2011-03-09 06:35:02

在IE中重疊的表格邊框

回答

相關問題