表中存在较大差距 - Outlook 2010

Question

我正在为在办公室中使用Outlook 2010版本14的PC的客户端处理多封电子邮件。无论电子邮件是如何创建的，表格的右侧都会被吹灭。

例如：
电子邮件＃1：

电子邮件＃2：

这是代码：view-source：http://fortworth.dmplocal.com/main/index.php?action=viewsenthtml&id=95&ids=e9499cb22fd2fbaee560c877a2716fa0aab6880d

我已经做了很多搜索，试图找出我能做些什么来解决这个问题，下面是一些事情：

• 取得所有CSS内联
• 确保所有单元格填充，单元格间距和边框都设置为零
• 表格的指定宽度
• 指定图像的高度和宽度
• 确保图像是代码中指定的高度和宽度
• 制作图像jpg与png的
• 删除了所有不必要的空格
• 我的桌子高度不超过23.7英寸

我已经阅读了很多论坛，发现很多人也有Outlook的问题，但是我没有找到一个在桌子右侧有很大空间的人，因此把它推出了我的。 / p>

非常感谢任何帮助！

Answer 1

对于HTML表格，请使用HTML属性而不是CSS样式指定width和height。现代版本的Outlook会忽略width和height样式。

正如@MarcB所提到的，Outlook 2007/2010/2013使用Word的呈现引擎来呈现电子邮件。以前版本的Outlook使用IE的渲染引擎。这种转变导致HTML电子邮件的格局发生了重大变化。

以下是Outlook 2007及更高版本不支持的部分功能列表：

CSS样式

• 浮
• 位置
• 显示
• 宽度
• 高度
• padding（对div和p标签不起作用）
• background-image（仅适用于body标签）
• 列表样式图像

HTML属性

• alt（img）
• background（table，th，td）
• colspan，rowspan（th，td）（这里有相互矛盾的信息，但它确实支持，只要不使用值0;但是，通常建议嵌套表而不是使用colspan和行跨度）

<强>杂

• 动画GIF
• HTML表单

Answer 2

尝试放置/>以关闭图片代码。这对我有用。这是MS完全发明的问题。好像以前还不够糟糕。

Answer 3

@MattCoughlin的回答是正确的，因为Outlook代码。但是，我还要补充一点，Outlook 确实特定于列数和行数。

因此，请检查列数是否相加。必要时使用空单元格和colspans。

Answer 4

我只是对你的代码进行了一些编辑，然后为你进行测试。

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

但我无法查看我在outlook 2010中所做的工作，但我认为2010年的展望有很多限制

http://fixoutlook.org/

让我知道它是怎么回事。

此外，我还看到您的代码中嵌套了表格。我不要暗示这是必要的。看到你的邮件设计应该是非常相似的，如果它被正确编码，那么你报告的内容应该不在那里。

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>

这将为您提供所需的宽度