在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中重叠的表格边框

回答

相关问题