2011-12-20 32 views
1

早些時候,我在嘗試在Outlook 2007中顯示html時遇到了問題。看起來,Outlook不支持我用來創建表格的div結構。黑莓vs Outlook html渲染

我使用td和tr恢復爲「舊學校」表格結構。但是,這在Outlook 2007中起作用,但是當我在黑莓手機上打開電子郵件時,列已左移,並且不再像表格一樣。

我的測試HTML是:

<html> 
    <head> 
    </head> 
    <body> 
     <table> 
      <tr> 
       <td>X</td> 
       <td>Y</td> 
      </tr> 
      <tr> 
       <td>Overall</td> 
       <td>207,890</td> 
      </tr> 
      <tr> 
       <td>B</td> 
       <td>100,568</td> 
      </tr> 
      <tr> 
       <td>C</td> 
       <td>107,322</td> 
      </tr> 
     </table> 
    </body> 
</html> 
+0

align:left是無效的css。 – albert 2011-12-20 11:16:14

+0

@albert,我將它刪除了 - 將編輯我的Q – mezamorphic 2011-12-20 11:20:18

回答

1

是。通訊是老同學:)

你的代碼基本上是正確的,但對於最佳實踐,你應該至少

  • 「重置」表CELLSPACING,CELLPADDING和邊框爲0;
  • 指定單元的寬度/高度;
  • 在標題中添加所謂的錯誤修復;風格標籤內插入以下CSS:
.ReadMsgBody {width: 100%;} 
.ExternalClass {width: 100%;} 
img{margin: 0px; padding: 0px; display: block;} 
a img{margin: 0px; padding: 0px; display: block;} 

這將提高整個主電子郵件客戶端的呈現。