-4

我有一个托管在http://www.jn-design.co.uk/misc/Swagelok/email.html的 HTML 电子邮件

在 Outlook pre 2007 的早期版本中进行测试时,布局似乎中断了。内容被移到了表格的右侧,并切断了一些底部。如果您在浏览器中查看我的链接,与以下屏幕截图相比,您会发现问题。我以前在 IE 中遇到过这个问题,并通过完全重新开发我的电子邮件来解决它。现在问题在 Outlook 中仍然存在......

在此处输入图像描述

任何帮助将不胜感激....

4

3 回答 3

3

好吧,我的朋友,我看到了你的代码,因为你有/有很多未封闭的标签,所以它被破坏了

但是要让您的电子邮件在 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 个)....似乎还有其他一些事情需要修复/关闭(您可以这样做...)但居中是固定的。

希望这可以帮助。

于 2013-03-07T20:33:17.280 回答
1

你的主表有宽度=600,大多数内表有宽度=550,但是那两个“阿伯丁..”和下一个有一个宽度=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!
于 2013-03-07T19:22:47.210 回答
0

Outlook 确实对未经验证的 HTML 做了一些糟糕的事情。

请尝试:W3C 标记验证服务器来识别代码中的问题。另请参阅:电子邮件中 ​​CSS 支持的 Campaign Monitor 指南,以了解您的样式是否适用于电子邮件客户端。(特别是在 Outlook 中)。那里也有很棒的博客资源。

最后一条评论,通过在标签中声明宽度来控制项目的宽度。示例:width=400(基于像素的宽度)或 width=100%(基于百分比的宽度——请注意,因为这可能会在某些客户端出现问题)

如果您直接在标签或标签声明中编码,则大多数正常样式都是兼容的。不要尝试设置标签样式,因为某些客户端会从电子邮件内容中删除此声明。一些客户端也剥离了外部 CSS。

标签可能会导致某些浏览器中的间距问题以及标签被用户端样式首选项覆盖。
并且是你的朋友。

于 2013-03-12T15:53:20.967 回答