2014-03-12 64 views
1

我試圖在outlook上做我自己的簽名,但似乎表格沒有任何理由地浮動到正確的位置。浮動的表格

問題是我只能看到outlook的錯誤,因爲在我的瀏覽器上,簽名顯示很好。

它看起來如何其實很喜歡:

Display of outlook

代碼中使用:可以忽略p標籤,因爲它不casue錯誤。

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:[email protected]">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

回答

1

有在HTML代碼中的語法錯誤 - 你缺少結束</a>標籤,一開口<table>代碼,並在錯誤的地方關閉</table>標籤。這會導致渲染問題。

更新撥弄正確的格式:http://jsfiddle.net/RZ6LR/2/

始終運行通過w3c validator代碼捕獲這些佈局問題:)