我有一封托管在http://www.jn-design.co.uk/misc/Swagelok/email.html 的 HTML 电子邮件
在 Outlook pre 2007 的早期版本中进行测试时，布局似乎中断了。内容被移到了表格的右侧，并切断了一些底部。如果您在浏览器中查看我的链接，与以下屏幕截图相比，您会发现问题。我以前在 IE 中遇到过这个问题，并通过完全重新开发我的电子邮件来解决它。现在问题在 Outlook 中仍然存在......
任何帮助将不胜感激......
【问题讨论】：
标签： html css outlook html-email
Outlook 确实会使用未经验证的 HTML 做一些糟糕的事情。
请尝试：W3C markup validation server 来识别代码中的问题。 另请访问：Campaign Monitor guide to CSS support in emails 了解您的样式是否适用于电子邮件客户端。 （特别是在 Outlook 中）。那里也有很棒的博客资源。
最后一条评论，通过在标签中声明宽度来控制项目的宽度。示例：width=400（基于像素的宽度）或 width=100%（基于百分比的宽度——请注意，因为这可能会在某些客户端出现问题）
如果您直接在标签或标签声明中编码，则大多数常规样式都是兼容的。不要尝试设置标签样式，因为某些客户端会从电子邮件内容中删除此声明。一些客户端也剥离了外部 CSS。
标签可能会导致某些浏览器中的间距问题以及标签被用户端样式首选项覆盖。
并且是你的朋友。
【讨论】：
好吧，我的朋友，我看到了你的代码，因为你有/有很多未闭合的标签
但要让您的电子邮件在 Outlook 中看起来不错，您需要有一个 100% 的容器表
我在小提琴上添加了这个：
http://jsfiddle.net/Riskbreaker/K8CLB/
正如你所看到的那样......
<table width="100%" cellpadding="0" cellspacing="0" border="0" align="center" bgcolor="white">
<tr>
<td align="center">
all your email here
</td>
</tr>
</table>
.....将控制内容...通过这样做，我将您所有的内部表格更改为对齐中心（以及所有 600 个）....您似乎需要修复/关闭其他一些事情（你可以这样做......）但中心是固定的。
希望这会有所帮助。
【讨论】：
您的主表的宽度=600，大多数内表的宽度=550，但是那两个“aberdeen..”和下一个的宽度=600，把它改回550也许可以工作
你忘了在 aberdeen 桌前关桌
几乎最后你也没有关闭你的
<a> tags (info@scotland..., and www.sagelok.com, and ESPN.Vatland....)
也许还有一个结局
</td> and </tr> to much at the end, right before closing the last table!
【讨论】：