Question

我一直试图让我的页面在不同的浏览器上工作，它似乎只适用于IE和其他浏览器，我的所有图像都不对齐。我不是很擅长HTML，自从我上次使用html以来已经有一段时间了，请查看下面的代码。我需要我的页面为640 x 480像素。感谢

    <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AD</title>
</head>

<body>
<table width="640" border="0" align="center" cellpadding="0" cellspacing="0">
  <div style="{z-index:3;}">
<img src="images/Header.gif" width="640" height="110"
/div>
<div style="{position: absolute; top: 145; left: 310; z-index:3;} font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#000000;">at</div>

<div style="{position: absolute; top: 115; right: 185; z-index:3;}">
<img src="images/Brush.gif" width="100" height="215"
</div>
<div style="{position: absolute; top: 20; right: 145; z-index:3;}">
<img src="images/LOGO.gif" width="330" height="85"
</div>
<tr>

    <td align="center" valign="top" bgcolor="#f0f8ff" style="background-color:#f0f8ff; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000000; padding:8px;"><table width="80%" border="0" cellspacing="0" cellpadding="0" style="margin-top:10px;">

<center> text 1 <br><b>Competitive text2
<br>text3</b>
<br></center></div></td>
<br>
<center> <div style="font-size=20px;"> text4
<br>text5K.<br>
          </center></div>
<br>

  </tr>
      </table></td>
  </tr>
  <tr>
  <tr>
 <tr>
    <td align="left" valign="top" bgcolor="#00000" style="background-color:#00000;"><table width="100%" border="0" cellspacing="0" cellpadding="7">
      <tr>
        <td align="left" valign="top" style="color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:16px;"> <center><b>Apply online today at <font color=#6699ff> &nbsp;<a href="http://www.startek.com/careers/" style="text-decoration: none; color:#6699ff;">www.startek.com/careers</a></font></b>

</td>
<tr>
<td align="center" style="color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:13px;"> <center>address
<br><b>tel.no.</b>
</td>

      </tr>
    </table></td>
  </tr>

</body>
</html>

Answer 1

使用CSS布局元素，例如position。您的代码仅适用于某些浏览器，因为某些格式不兼容浏览器。

我建议您使用CSS进行格式化，因为您使用的某些HTML格式已被弃用。这是一个很好的CSS tutorial

Answer 2

同样的问题也出现在我身上......由于HTML输出可能会因浏览器的不同而有所不同，因此您应该使用adobe dreamweaver。它具有在默认情况下在所有浏览器中输出相同HTML的功能......顺便说一下..怎么回事我不知道。

如果你现在买不起Dreamweaver ..请确保你包含position属性 div标签正确。

尝试这样：

<div position=absolute>main panel</div>

HTML图片在chrome和safari上不对齐

2 个答案: