2011-09-08 83 views
1

我有一些HTML代码:HTML奇怪的显示

<html><body bgcolor="#C0C0C0" topmargin="0" leftmargin="0"> 

<table border="0" bgcolor="#ffffff" width="736" 
    cellspacing="0" cellpadding="0" bordercolor="#000080"> 
    <tr> 
    <td width="100%" align="center"> 
    <img src="pic.gif" border="0" height="173" width="736"> 
    </td> 
    </tr> 
</table> 
</bdy></html> 

pic.gif尺寸:736 * 173

它显示了相同的火狐,Safari,铬,歌剧

但它显示不同的内容即6,7,8,9

gif图像下有一条边框线。

回答

1

试试这个:

<!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" 
    <body style="background-color:#C0C0C0; margin:0px;"> 
     <table style="border:0px solid #000080; background-color:"#000080" margin:0px; padding:0px; width:736px;" cellspacing="0" cellpadding="0"> 
      <tr> 
       <td style="text-align:center;"> 
        <img src="pic.gif" style="width:736px; height:173px;" border="0" /"> 
       </td> 
      </tr> 
     </table> 
    </body> 
</html> 
3

不确定,但最后一行可能是这个</bdy>

此外,您在table上设置了bordercolor="#000080" ...,但也有border="0",这可能会影响它。

1

更改为<bdy></body>并参见。可能甚至不会工作,因为还有7个验证错误。

提交您的html文件到Markup Validation Service并修复7个验证错误。那么可能这将适用于所有浏览器。在很多情况下,这是在您的html文件中捕获错误的最简单方法。