桌子漂浮正确

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 validator运行代码以捕获这些布局问题：）