桌子向右浮动

Question

我正在尝试在Outlook上进行自己的签名，但似乎表格无缘无故地向右浮动。

问题是我只能在Outlook上看到错误，因为在我的浏览器上，签名显示得很好。

实际情况如何：

使用的代码：您可以忽略p标签，因为它不会引起错误。

DEMO

<p class=MsoNormal><b style='mso-bidi-font-weight:normal'><span style='font-size:10pt;font-family:"Arial","sans-serif"; color: #4e4e4e; line-height: 20px;'>Name<o:p></o:p></span></b></p>

<p class=MsoNormal><span style='font-size:10pt;font-family:"Arial","sans-serif"'>Business<o:p></o:p></span></p>

<p class=MsoNormal><span style='font-size:9.0pt;font-family:"Arial","sans-serif" ;padding-bottom: 20px;'><a style="color: red; text-decoration: none;" href="mailto:mail@mail.com">Mail</a><o:p></o:p></span></p>
<br>

<table width="498">
<tr>
<td><a href=""><img src="" width="498" height="104" border="0"></a></td>
</tr>
<table>
 <tr>
  <td><a href=#><img src="" width="40" height="58" border="0"></a></td>
  <td><a href="#"><img src=""width="30" height="58" border="0"></a></td>
  <td><a href="#"><img src="" width="29" height="58" border="0"></td>
  <td><a href="#"><img src="" width="30" height="58" border="0"></a></td>
  <td><a href=""><img src="" width="28" height="58" border="0"></a></td>
  <td><img src="" width="318" height="58" border="0"></td>
 </tr>
</table>
</table>
<tr>
<td><img src="" width="498" height="113" border="0"></td>
</tr>

DEMO

Answer 1

您的html代码中存在语法错误-您缺少</a>标记，一个<table>标记并且在错误的位置有一个</table>标记。 这会导致渲染问题。

使用正确的格式更新了小提琴： http : //jsfiddle.net/RZ6LR/2/

始终通过w3c验证器运行代码以捕获这些布局问题：）