表中的巨大差距 - 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> 

这会给你需要