表格渲染不正確

我有一張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

表格渲染不正確

回答

相關問題