我有一个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>
答案 0 :(得分:0)
我认为rgb属性是HTML5,在IE9之前IE不支持。
答案 1 :(得分:0)
一个邪恶的答案,但firefox似乎并不支持在该上下文中使用“rgb(x,y,z)”,即使HTML规范说它应该。它似乎试图解析出一个十六进制颜色值(即#123456),导致呈现看似随机的颜色。 “bgcolor”属性已弃用,即使在HTML 4中也是如此,因此如果可以避免,我建议不要使用它。
如果你想要兼容Firefox,你需要将背景颜色定义移动到“样式”属性,使用CSSesque语法指定它,或者切换到标准的十六进制格式。
<td style="background-color: rgb(255,103,0);">
<td bgcolor="#ff6700">