表格渲染不正确

我有一张HTML表格。我是新创建网页，所以我正在做简单的基本HTML我不使用样式（我应该），也不CSS表。我不使用它们，因为我试图了解基本的HTML，然后将学习如何带来高级主题。这个表格会像我想要的Chrome一样渲染。在FireFox中，结构很好，但颜色不对。在IE8中，合并单元格行1和2中的文本不呈现，并且IE8中的文本都不居中。表格渲染不正确

我正在寻找，但我怎么确定（我“米试图使用没有什么特别），该属性不会在特定浏览器中使用？这里是我的表HTML

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<html xmlns:o="urn:schemas-microsoft-com:office:office" 
xmlns:v="urn:schemas-microsoft-com:vml"> 
<!-- --> 
<HEAD> 
<title>Atmel CSO < DEPTNAMEHERE> Dashboard</title> 

</HEAD> 
<!-- --> 
<BODY leftmargin="22" link="#000000" alink="#000000" bgcolor="white" vlink="#000000" text="#000000"> 
<center> 
<table border="1" width=""> 
<tr> <!-- Row 1 --> 
<td width="20" align="" colspan="" rowspan="" bgcolor="rgb(255,255,255)"><font name="courier" size="" color="rgb(0,0,0)">&nbsp;</font></td> 
<td width="20" align="center" colspan="22" rowspan="2" bgcolor="rgb(255,255,255)"><font name="courier" size="" color="rgb(255,0,0)">Dry Etch Tool Status as of 10/18/2010 6:10:50 AM</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(255,255,255)"><font name="courier" size="" color="rgb(0,0,0)">&nbsp;</font></td> 
</tr> 
<tr> <!-- Row 2 --> 
<td width="20" align="" colspan="" rowspan="" bgcolor="rgb(255,255,255)"><font name="courier" size="" color="rgb(0,0,0)">&nbsp;</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(255,255,255)"><font name="courier" size="" color="rgb(0,0,0)">&nbsp;</font></td> 
</tr> 
<tr> <!-- Row 3 --> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,0,255)"><font name="courier" size="" color="rgb(255,255,255)">WJ</font></td> 
<td width="20" align="center" colspan="2" rowspan="1" bgcolor="rgb(0,0,255)"><font name="courier" size="" color="rgb(255,255,255)">Hoods</font></td> 
<td width="20" align="center" colspan="6" rowspan="1" bgcolor="rgb(0,0,255)"><font name="courier" size="" color="rgb(255,255,255)">Metals</font></td> 
<td width="20" align="center" colspan="4" rowspan="1" bgcolor="rgb(0,0,255)"><font name="courier" size="" color="rgb(255,255,255)">WCVD</font></td> 
<td width="20" align="center" colspan="3" rowspan="1" bgcolor="rgb(0,0,255)"><font name="courier" size="" color="rgb(255,255,255)">HDP</font></td> 
<td width="20" align="center" colspan="3" rowspan="1" bgcolor="rgb(0,0,255)"><font name="courier" size="" color="rgb(255,255,255)">AST</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,0,255)"><font name="courier" size="" color="rgb(255,255,255)">NOV'L</font></td> 
<td width="20" align="center" colspan="4" rowspan="1" bgcolor="rgb(0,0,255)"><font name="courier" size="" color="rgb(255,255,255)">SACVD</font></td> 

</tr> 
<tr> <!-- Row 4 --> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)"><b>C015</b></font></td> 
<td width="20" align="center" colspan="2" rowspan="1" bgcolor="rgb(255,255,255)"><font name="courier" size="" color="rgb(0,0,0)"><b>H725</b></font></td> 
<td width="20" align="center" colspan="6" rowspan="1" bgcolor="rgb(255,255,0)"><font name="courier" size="" color="rgb(0,0,0)"><b>S015</b></font></td> 
<td width="20" align="center" colspan="4" rowspan="1" bgcolor="rgb(255,255,0)"><font name="courier" size="" color="rgb(0,0,0)"><b>PX055</b></font></td> 
<td width="20" align="center" colspan="3" rowspan="1" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)"><b>HDP015</b></font></td> 
<td width="20" align="center" colspan="3" rowspan="1" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)"><b>R015</b></font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)"><b>P045</b></font></td> 
<td width="20" align="center" colspan="4" rowspan="1" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)"><b>SA015</b></font></td> 

</tr> 
<tr> <!-- Row 5 --> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,204,0)"><font name="courier" size="" color="rgb(0,0,0)"><b>C025</b></font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,204,0)"><font name="courier" size="" color="rgb(0,0,0)">A</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)">B</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)">1</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)">2</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)">3</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)">4</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(255,255,255)"><font name="courier" size="" color="rgb(0,0,0)">&nbsp;</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(255,255,255)"><font name="courier" size="" color="rgb(0,0,0)">&nbsp;</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)">A</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)">B</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)">C</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)">D</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)">A</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)">B</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)">C</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(255,255,255)"><font name="courier" size="" color="rgb(0,0,0)">&nbsp;</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(255,255,255)"><font name="courier" size="" color="rgb(0,0,0)">&nbsp;</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(255,255,255)"><font name="courier" size="" color="rgb(0,0,0)">&nbsp;</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,204,0)"><font name="courier" size="" color="rgb(0,0,0)"><b>P055</b></font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)">A</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)">B</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)">C</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)">D</font></td> 
</tr> 
<tr> <!-- Row 6 --> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,204,0)"><font name="courier" size="" color="rgb(0,0,0)"><b>C035</b></font></td> 
<td width="20" align="center" colspan="2" rowspan="1" bgcolor="rgb(255,255,255)"><font name="courier" size="" color="rgb(0,0,0)"><b>H374</b></font></td> 
<td width="20" align="center" colspan="6" rowspan="1" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)"><b>S025</b></font></td> 
<td width="20" align="center" colspan="4" rowspan="1" bgcolor="rgb(255,255,0)"><font name="courier" size="" color="rgb(0,0,0)"><b>PX065</b></font></td> 
<td width="20" align="center" colspan="3" rowspan="1" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)"><b>HDP025</b></font></td> 
<td width="20" align="center" colspan="3" rowspan="1" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)"><b>R025</b></font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,204,0)"><font name="courier" size="" color="rgb(0,0,0)"><b>P065</b></font></td> 
<td width="20" align="center" colspan="4" rowspan="1" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)"><b>SA025</b></font></td> 

</tr> 
<tr> <!-- Row 7 --> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)"><b>C045</b></font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,204,0)"><font name="courier" size="" color="rgb(0,0,0)">B</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)">C</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)">1</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)">2</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)">3</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)">4</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(255,255,255)"><font name="courier" size="" color="rgb(0,0,0)">&nbsp;</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(255,255,255)"><font name="courier" size="" color="rgb(0,0,0)">&nbsp;</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)">A</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)">B</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(255,0,0)"><font name="courier" size="" color="rgb(0,0,0)">C</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)">D</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)">A</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)">B</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)">C</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(255,255,255)"><font name="courier" size="" color="rgb(0,0,0)">&nbsp;</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(255,255,255)"><font name="courier" size="" color="rgb(0,0,0)">&nbsp;</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(255,255,255)"><font name="courier" size="" color="rgb(0,0,0)">&nbsp;</font></td> 
<td width="20" align="left" colspan="" rowspan="" bgcolor="rgb(153,51,0)"><font name="courier" size="" color="rgb(0,0,0)"><b> </b></font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)">A</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)">B</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)">C</font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)">D</font></td> 
</tr> 
<tr> <!-- Row 8 --> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)"><b>C055</b></font></td> 
<td width="20" align="center" colspan="2" rowspan="1" bgcolor="rgb(153,51,0)"><font name="courier" size="" color="rgb(0,0,0)"><b> </b></font></td> 
<td width="20" align="center" colspan="6" rowspan="1" bgcolor="rgb(255,255,0)"><font name="courier" size="" color="rgb(0,0,0)"><b>S035</b></font></td> 
<td width="20" align="center" colspan="4" rowspan="1" bgcolor="rgb(255,255,0)"><font name="courier" size="" color="rgb(0,0,0)"><b>PX075</b></font></td> 
<td width="20" align="center" colspan="3" rowspan="1" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)"><b>HDP035</b></font></td> 
<td width="20" align="center" colspan="3" rowspan="1" bgcolor="rgb(0,255,0)"><font name="courier" size="" color="rgb(0,0,0)"><b>R035</b></font></td> 
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(255,153,0)"><font name="courier" size="" color="rgb(0,0,0)"><b>P034</b></font></td> 
<td width="20" align="center" colspan="4" rowspan="1" bgcolor="rgb(255,255,255)"><font name="courier" size="" color="rgb(0,0,0)"><b>SA035</b></font></td> 

</tr> 
</table 
</center> 
</BODY> 
<!-- --> 
</html>

来源

2011-03-23 Barry

请避免从现在开始内嵌样式。这是一个好的开始。字体和中心标签已被弃用很久以前 – corroded 2011-03-23 10:09:44

http://headfirstlabs.com/books/hfhtml/ – Oded 2011-03-23 10:10:47

我相信rgb属性是IE5之前IE不支持的HTML5。

来源

2011-03-23 10:14:33 Thorben

不完全正确，这绝对应该是在HTML 4中可能的...并不是它必然适用于所有浏览器：） – 2011-03-23 10:23:32

“IE9之前不支持HTML5”不正确。 HTML5比您想象的要多。 – 2011-03-23 10:30:42

一个邪恶的答案，但firefox似乎并不支持在该上下文中使用“rgb（x，y，z）”，即使HTML规范说它应该，它似乎试图解析出一个十六进制颜色值（即＃123456），导致看起来随机的颜色呈现，“bgcolor”属性被弃用，即使在HTML 4中，所以如果可以避免的话，我建议不要使用它。

如果你想兼容firefox，你需要将背景颜色定义移动到“样式”属性中，使用CSSesque语法来指定它，或切换到标准的十六进制格式。

<td style="background-color: rgb(255,103,0);">
<td bgcolor="#ff6700">

来源

2011-03-23 10:18:43

表格渲染不正确

回答

相关问题