表格格式問題Chrome與IE/FireFox

誰能告訴我爲什麼這張表在Chrome瀏覽器中看起來很完美，但在IE或FireFox中看不到？表格格式問題Chrome與IE/FireFox

<!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></head> 
<body> 
<table cellpadding="0" cellspacing="0"> 
    <tbody> 
     <tr> 
      <td colspan="2" rowspan="2" style="padding-left:6px;"><img src="http://www.purelycustom.com/name_decals/style2/borders/tl_black_blue.png" /></td> 
      <td colspan="4" style="height:15px; background-color:#00F"></td> 
      <td rowspan="4"><img src="http://www.purelycustom.com/name_decals/style2/borders/right_black_blue.png" /></td> 
     </tr> 
     <tr> 
      <td colspan="4" height="13px" style="background-color:#000"></td> 
     </tr> 
     <tr> 
      <td rowspan="2"><img src="http://www.purelycustom.com/name_decals/style2/borders/l_black.png" /></td> 
      <td colspan="2" style="background-color:#000000"><img src="http://www.purelycustom.com/name_decals/style2/flags/flag.png" /></td> 
      <td style="background-color:#000000"><span style="color:#FFFFFF">YOUR</span></td> 
      <td style="background-color:#000000" width="15px"></td> 
      <td style="background-color:#000000"><span style="color:#FFFFFF">NAME</span></td> 
     </tr> 
     <tr> 
      <td style="background-color:#000000" colspan="5"></td> 
     </tr> 
    </tbody> 
</table> 
</body> 
</html>

我包含了！DOCTYPE聲明，因爲我知道這對錶的顯示方式有影響。

來源

2012-12-11 Tyler Mortensen

什麼是'完美'的意思。（所以我們可以嘗試破譯IE/Fx的不完美之處。） –

如果您在瀏覽器中查看它，您會看到。在Chrome中，它看起來像一個完整的圖像。在IE和FireFox中，有兩個空白區域將其分解。 –

設置第一個td的寬度在tr的......如果你添加align="right"到td圖像將排隊..添加特定的寬度時，可能會覆蓋到tds

一些更有效的將是一個div與背景圖像，而不是搞亂表對齊。

來源

2012-12-11 19:49:55 kingkode

我對兩個td都添加了align =「right」，這些都給了我一個問題，並修復了格式問題。謝謝。 –

表格格式問題Chrome與IE/FireFox

回答

相關問題