2

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

例如：
电子邮件 #1：

http://screencast.com/t/DLGfSTWFWfCB

电子邮件＃2：

http://screencast.com/t/ftgLlNW8

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

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

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

我已经阅读了很多论坛，发现很多人也对 Outlook 有问题，但我没有找到一个在表格右侧有大空间的论坛，因此将其推出我的论坛。

任何帮助将不胜感激！

4

5 回答 5

2

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

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

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

CSS 样式

  • 漂浮
  • 位置
  • 展示
  • 宽度
  • 高度
  • 填充（不适用于 div 和 p 标签）
  • 背景图像（仅适用于 body 标签）
  • 列表样式图像

HTML 属性

  • alt（图片）
  • 背景（表，th，td）
  • colspan, rowspan (th, td) （这方面的信息相互矛盾，但它似乎受支持，只要不使用值 0 即可；但是，通常建议嵌套表而不是使用 colspan 和 rowspan）

各种各样的

  • 动画 GIF
  • HTML 表单
于 2012-08-18T13:58:58.123 回答
1

尝试放置/>关闭图像标签。仅此一项就对我有用。这是一个完全由 MS 发明的问题。好像以前还不够糟糕。

于 2012-10-08T13:54:23.477 回答
0

@MattCoughlin 的答案就 Outlook 代码而言是正确的。但是，我还要补充一点，Outlook对列数和行数非常具体。

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

于 2012-08-18T16:46:49.393 回答
0

至于我 Outlook 忽略了 div 的宽度，所以如果你像这样编码：

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

表格的宽度将扩大到 100%，因此尝试将所有固定宽度的元素嵌套在表格中，并设置为这些父表格的固定宽度（注意表格也需要样式），例如：

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

这将为您提供所需的宽度

于 2012-12-05T10:51:39.843 回答
0

我只是对您的代码进行了一些编辑，并为您提供了一个小提琴供您测试。

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

但我无法检查我在 Outlook 2010 中做了什么，但我认为 Outlook 2010 有很多限制

http://fixoutlook.org/

让我知道事情的后续。

此外，我还看到您的代码中嵌套了表格。我不认为这是必要的。看到您的邮件设计，这应该非常相似，如果编码正确，您报告的 pronlem 不应该在那里。

于 2012-08-19T02:15:06.667 回答