表格渲染不正确
我有一张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)"> </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)"> </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)"> </font></td>
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(255,255,255)"><font name="courier" size="" color="rgb(0,0,0)"> </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)"> </font></td>
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(255,255,255)"><font name="courier" size="" color="rgb(0,0,0)"> </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)"> </font></td>
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(255,255,255)"><font name="courier" size="" color="rgb(0,0,0)"> </font></td>
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(255,255,255)"><font name="courier" size="" color="rgb(0,0,0)"> </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)"> </font></td>
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(255,255,255)"><font name="courier" size="" color="rgb(0,0,0)"> </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)"> </font></td>
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(255,255,255)"><font name="courier" size="" color="rgb(0,0,0)"> </font></td>
<td width="20" align="center" colspan="" rowspan="" bgcolor="rgb(255,255,255)"><font name="courier" size="" color="rgb(0,0,0)"> </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>
我相信rgb属性是IE5之前IE不支持的HTML5。
不完全正确,这绝对应该是在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">
请避免从现在开始内嵌样式。这是一个好的开始。字体和中心标签已被弃用很久以前 – corroded 2011-03-23 10:09:44
http://headfirstlabs.com/books/hfhtml/ – Oded 2011-03-23 10:10:47