问题
My HTML email newsletter design doesn't render properly in Outlook 2007. There is a white horizontal gap towards the bottom which breaks borders and backgrounds. I've had this happen before and have no idea how to work around it. Any suggestions? I've posted the source here. It renders just fine except in Outlook 2007 (Word 2007).
By the way, you can preview the problem without Outlook, by opening the source with Word 2007.
回答1:
I can't see the original source, but the workaround is to insert a 100% width table somewhere in the design just above where it's breaking. This can be a 1px high transparent line. This allows Outlook to insert a page break.
Outlook is using Word 2007's rendering engine, so if it reaches the end of a sheet of A4 in printing size, it has to insert a page break somewhere. If there's an image in the place where it would otherwise insert that page break, it will just force that image down to the next page - that's the space you are seeing.
Using the 100% table allows Outlook to insert the page break there instead.
回答2:
Here is a good explaination of what can cause that bug and how you may be able to fix it: http://www.emailonacid.com/blog/details/C13/horizontal_spacing_issues_in_outlook_2007_and_2010
回答3:
Microsoft, in their infinite wisdom uses Word to render HTML? So I let Microsoft write the HTML for me.
- Publish email as a web page
- Copy web page into an Outlook email
- Send the email to yourself
- Get the source code of the email you receive from yourself
That HTML will now work fine.
Don't even bother to decipher the HTML Microsoft creates. I'll give you a headache.
Next, I had to copy the HTML back into Dreamweaver to fix a few things:
- img src= was all screwed up
- background color you can fix in the Outlook email you send, or in the HTML
By the way, I found if I tried at put the image map hyperlinks back in, the problem resurfaced. So I just linked the whole image.
回答4:
I currently have exactly the same problem, as far as i'm aware this is something to do with Outlook 2007 using Word 2007 as a rendering engine. Because of this, Outlook 2007 puts (what are effectively) page breaks throughout your email (at certain intervals).
I may be completely wrong, but this is how I see it...
Any answers would be rather good!
回答5:
The answer seems to be that these bugs are related to the size/length of the email and can't be eliminated, though sometimes the effect can be mitigated by editing the content to add additional horizontal spacing or by increasing the line-height attribute of some of the text that precedes the breaks.
回答6:
My experience is that this white line break normally occurs when there is an image close to the line breaks that outlook 2007 inserts. The quick workaround is to insert some text beneath the image so that instead of letting outlook 2007 insert the page break, the extra text will format the pages without any "help" from outlook 2007 hence the disappearance of the mysterious white line.
来源：https://stackoverflow.com/questions/2419388/need-workaround-for-outlook-2007-html-email-rendering-bug-horizontal-gaps