我的 HTML 电子邮件通讯设计在 Outlook 2007 中无法正确呈现。底部有一个白色的水平间隙,打破了边框和背景。我以前发生过这种情况,不知道如何解决它。有什么建议么?我已经在这里发布了源代码。除了在 Outlook 2007 (Word 2007) 中,它呈现得很好。
顺便说一句,您可以在没有 Outlook 的情况下预览问题,方法是使用 Word 2007 打开源代码。
我的 HTML 电子邮件通讯设计在 Outlook 2007 中无法正确呈现。底部有一个白色的水平间隙,打破了边框和背景。我以前发生过这种情况,不知道如何解决它。有什么建议么?我已经在这里发布了源代码。除了在 Outlook 2007 (Word 2007) 中,它呈现得很好。
顺便说一句,您可以在没有 Outlook 的情况下预览问题,方法是使用 Word 2007 打开源代码。
我看不到原始来源,但解决方法是在设计中的某个位置插入一个 100% 宽度的表格,就在它中断的地方。这可以是 1px 高的透明线。这允许 Outlook 插入分页符。
Outlook 使用的是 Word 2007 的渲染引擎,因此如果打印尺寸达到 A4 纸的末尾,则必须在某处插入分页符。如果在要插入分页符的位置有图像,它只会将该图像强制到下一页 - 这就是您所看到的空间。
使用 100% 表允许 Outlook 在此处插入分页符。
以下是对可能导致该错误的原因以及如何修复它的一个很好的解释: http ://www.emailonacid.com/blog/details/C13/horizontal_spacing_issues_in_outlook_2007_and_2010
微软,在他们无限的智慧中使用 Word 来呈现 HTML?所以我让微软为我编写 HTML。
该 HTML 现在可以正常工作了。
甚至不必费心破译 Microsoft 创建的 HTML。我会让你头疼的。
接下来,我必须将 HTML 复制回 Dreamweaver 以修复一些问题:
顺便说一句,我发现如果我尝试将图像映射超链接放回原处,问题就会重新出现。所以我只是链接了整个图像。
我目前有完全相同的问题,据我所知,这与使用 Word 2007 作为渲染引擎的 Outlook 2007 有关。因此,Outlook 2007 会在您的电子邮件中(以特定间隔)放置(有效的)分页符。
我可能完全错了,但这就是我的看法......
任何答案都会很好!
答案似乎是这些错误与电子邮件的大小/长度有关并且无法消除,尽管有时可以通过编辑内容以添加额外的水平间距或通过增加 line-height 属性来减轻影响中断之前的一些文本。
我的经验是,当 Outlook 2007 插入的换行符附近有图像时,通常会出现这种白换行符。快速的解决方法是在图像下方插入一些文本,而不是让 Outlook 2007 插入分页符,额外的文本将在没有 Outlook 2007 的任何“帮助”的情况下格式化页面,因此神秘的白线消失了。