表中的巨大差距 - Outlook 2010

Question

我正在爲使用Outlook 2010版本14的客戶在他們的辦公室使用多臺電子郵件。無論電子郵件是如何創建的，表格的右側都會顯示出來。

例如：
電子郵件＃1：

電子郵件＃2：

這是代碼：視圖源：http://fortworth.dmplocal.com/main/index.php?action=viewsenthtml&id=95&ids=e9499cb22fd2fbaee560c877a2716fa0aab6880d

我已經做了大量的搜索，試圖找出wh在我可以做些什麼來解決這個問題，下面有一些事情：

• 把所有CSS內嵌
• 確信所有單元格填充，單元格間距和邊框都設置爲零
• 指定的寬度爲表
• 指定圖像的高度和寬度
• 確信圖片均是在代碼中指定
• 形成的圖像JPG文件與巴新
• 的高度和寬度刪除所有不必要的空白
• 我的表不超過23.7英寸高度

我已經讀了很多的論壇上發現，很多人都有與Outlook的問題爲好，但我還沒有找到一個在桌子右邊有很大的空間，從而把它推出去。

任何幫助將不勝感激！

Answer 1

對於HTML表格，使用HTML屬性而不是CSS樣式指定width和height。現代版本的Outlook忽略width和height樣式。

正如@MarcB提到的，Outlook 2007/2010/2013使用Word的呈現引擎來呈現電子郵件。以前的Outlook版本使用IE的渲染引擎。這種轉變導致了HTML電子郵件格局的重大變化。

下面是不是由Outlook 2007和支撐起來的特徵的部分列表：

CSS樣式

• 浮子
• 位置
• 顯示
• 寬度
• 高度
• 填充（不會對股利和p標籤工作）
• 背景圖像（僅適用於身體標記）
• 列表樣式圖像

HTML屬性

• ALT（IMG）
• 背景（臺，日，TD）
• 列跨度，行跨度（日，TD）（有相互衝突的信息這一點，但它似乎是支持的，只要不使用值0;然而，這是經常被推薦到鳥巢的表，而不是使用合併單元格和行跨度）

其他

• GIF動畫
• HTML表單

Answer 2

@ MattCoughlin的答案是正確的，只要Outlook代碼。不過，我還要補充一點，Outlook是真的特定於列和行數。

因此，檢查列數加起來。必要時使用空單元格和colspans。

Answer 3

我只是對你的代碼進行了一些編輯，併爲你提供了一個小提琴來測試。

http://jsfiddle.net/YWnzc/135/

但我便無法檢查我在我的Outlook 2010已經做了，但我認爲在前景存在很大的侷限性2010

http://fixoutlook.org/

讓我知道是怎麼回事去。

此外我還看到你有嵌套在你的代碼中的表。我不知道這是必要的。看到你的郵件設計這應該是一個非常相似的，如果它被正確編碼，你報告的這個謠言不應該在那裏。

Answer 4

嘗試將/>關閉圖像標記。這一點對我來說很有用。這完全是MS發明的問題。好像它之前還不夠糟糕。

Answer 5

至於我的Outlook忽略DIV的寬度，所以如果你的代碼是這樣的：

<div style="width:500px"> 
<table width="100%"> 
... 
</table> 
</div> 

表格的寬度將擴大到100％，所以儘量築巢所有固定寬度元素的內部，表和設置固定於這些父表（注意，表也需要風格），如：

<table width="500px" style="width:500px"> 
<div style="width:500px"> 
... 
</div> 
</table> 

這會給你需要