如何在html中为不同浏览器填充html表格单元格背景颜色

我有以下一段HTML，它在最后一列创建一个带有滚动条的表格。我的问题是，IE呈现与Firefox不同。任何线索将不胜感激。如何在html中为不同浏览器填充html表格单元格背景颜色

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head> 
<title>Test of tables and CSS</title> 
<style type="text/css"> 
td 
{ 
    border:solid 1px #000000; 
    padding:2px 2px 2px 2px; 
    } 
</style> 
</head> 
<body> 
<table cellspacing="0" style="border:solid 1px #000000;border-collapse:separate;padding:0 0   0 0;"> 
<tr> 
<td>Col 1 1</td> 
<td>Col 1 2</td> 
<td rowspan="5" style="width: 1px; padding: 0 0 0 0;height:100%;"><table cellspacing="0" style="border: none; height:100%;border-collapse: collapse; padding: 0 0 0 0;"> 
<tr><td style="border: none; height: 1px; background-color: #C9D8FC;"><img alt="" src="../img/ico/ScrollUp.gif" style="border: none;" /></td></tr> 
    <tr><td style="border: none; height: auto; background-color: #C9D8FC;"></td></tr> 
<tr><td style="border: none; height: 1px; vertical-align: bottom; background-color:#C9D8FC;"><img alt="" src="../img/ico/ScrollDown.gif" style="border:none;" /></td></tr> 
</table></td> 
</tr> 
<tr> 
<td>Col 2 1</td> 
<td>Col 2 2</td> 
</tr> 
<tr> 
<td>Col 3 1</td> 
<td>Col 3 2</td> 
</tr> 
<tr> 
<td>Col 4 1</td> 
<td>Col 4 2</td> 
</tr> 
<tr> 
<td>Col 5 1</td> 
<td>Col 5 2</td> 
</tr> 
</table> 
</body></html>

火狐：
alt text

IE 8：
alt text

来源

2010-11-10 Stavros

重造型HTML表格更好的主意是痛苦的良方。是否可以在表格周围包裹DIV并指定明确的高度和文本溢出：自动或文本溢出：滚动到该DIV？ – 2010-11-10 16:21:14

你上面粘贴的代码给了我在Firefox中的相同结果，例如 – Sotiris 2010-11-10 16:43:37

@Ben：有关如何做到这一点的任何建议？ @Sotiris，不适用于Firefox 3.6和IE 8. – Stavros 2010-11-10 21:37:24

你可以使用条件注释的差异在你的头文件发送特定的样式声明到Internet Explorer？

<!--[if IE]> 
Only IE will output what's between these brackets, style declarations etc. 
<![endif]-->

来源

2010-11-10 15:59:28 BigRob

谢谢，但我没有得到你的最后一句话。 – Stavros 2010-11-12 09:14:58

对不起，哥们，只是澄清了我的答案 – BigRob 2010-11-17 12:41:31

高度：汽车;这不是在IE中正常工作，

尝试添加显示：块

来源

2010-11-10 15:50:37 Edmhs

不，它没有帮助:( – Stavros 2010-11-10 15:55:31

这是什么问题？

vstyle="... should be style="...

你也可能需要一个类添加到您的表，而不是把样式内嵌的，它可以更容易阅读，但不会使渲染

来源

2010-11-10 15:51:00

谢谢，但我无法在我的代码中找到vstyle ..我一般使用css，但是我没有使用它在这里试图隔离问题:) – Stavros 2010-11-10 15:54:13

做一个ctrl + f其代码粘贴在 – 2010-11-10 16:03:59

以上好，这就是为什么我找不到它。这是一个复制粘贴错误..对不起，.. ..仍然没有工作.. – Stavros 2010-11-10 17:08:06

阅读这篇文章，有关于高度渲染http://apptools.com/examples/tableheight.php

来源

2010-11-11 10:10:48

+1的有趣的文章，但我我在风格中使用高度，而不是直接作为属性。 – Stavros 2010-11-12 09:14:16

是否解决了这个问题，如果不尝试使用两个div而不是table并相应地使用CSS来定位它，这将完全按照您的需要来完成这项工作。 – 2010-11-12 10:17:56

如何在html中为不同浏览器填充html表格单元格背景颜色

回答

相关问题