HTML电子邮件-Outlook 2007 + 10，不相关的表格对齐 [英] HTML email - Outlook 2007+10, unrelated tables aligning

问题描述

我有一个两难境地，就是在我陷入困境之前从未遇到过.在一种设计中，已构建的Outlook 07& 10正在对齐两个完全不相关的表行.这是一个复杂的电子邮件布局，因此包含一个很多表格. 左列中的内容粘贴在此处所示的hr标签的底部(或同级顶部):

I've got a dilemma that I have never come across before that has stumped me. In a design a have built Outlook 07&10 are aligning two entirely unrelated table rows. This is a complex email layout, and so contains a lot of tables. The content in the left column is sticking to the bottom (or top of the sibling) hr tag depicted here:

<tr><td height="20"></td></tr>
<tr><!-- start of sidebar product (horizontal)-->
    <td>
        <table cellpadding="0" cellspacing="0" border="0">
            <tr>
                <td width="170">
                    <a href="" title="inline product 2" style="text-decoration: none;">
                        <!-- product Image -->
                        <img border="0" style="font-family:Arial,Helvetica,sans-serif;display:block" src="sidebar-beer-tbc.jpg" alt="South Island Marlborough Sauvignon Blanc" width="170" height="105">
                    </a>    
...

每列至少有三个父表(将不同的部分相加时)，因此渲染引擎尝试对齐它们没有任何理由.

There is at least three parent tables per column (when the different sections are added up), so there should be no reason why the rendering engine is trying to align them.

任何帮助将不胜感激，这使我无所适从.

Any help would be greatly appreciated, this has got me at my wit's end.

由于这是针对客户的并且包含敏感信息，因此我尚未提供完成的文档，但这是对这两个比较的注释. https://skitch.com/tilt/r3w65/photoshop

As this is for a client and contains sensitive information, I haven't made available the finished document, but here is an annotated grab of the two comparisons. https://skitch.com/tilt/r3w65/photoshop

推荐答案

您已经找到了"Outlook 2007分页符错误".基本上，因为Outlook 2007/10使用Word呈现引擎，所以他们组织它而不是在屏幕上进行打印.

You've hit the 'Outlook 2007 page break bug'. Basically, because Outlook 2007/10 use the Word rendering engine, they organise it for printing instead of the screen.

如果遇到Outlook无法在其间插入分页符的情况，它只会在其上方插入一个很大的空间以插入分页符.

If you hit something that Outlook can't insert a page break between, it just inserts a massive space above it to where it can insert a page break.

这真的很烦人-唯一的解决方法是完全关闭同一位置上的行，插入100％宽的内容(可以是透明的1px高线)，然后在下面重新启动表格.

It's really annoying - the only way around it is to completely close off the rows above at the same place, insert something that's 100% wide (can be a transparent 1px high line), and then start the tables again underneath.

这篇关于HTML电子邮件-Outlook 2007 + 10，不相关的表格对齐的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！