**Edit, the issue only exists in the preview pane of the Outlook Web App**
I have tried just about everything, but I cannot seem to rid the white spaces/line breaks that Outlook 2007/2010 renders in its preview box on the right side of the screen. When you double-click the e-mail from the inbox list, the HTML loads perfectly. However, when it is displayed in the split inbox list/e-mail preview window, line breaks/white spaces are generated.
I have tried every trick in the book. border-collapse, border=0, display:block, cell-spacing/cell-padding:0, !important, etc. Nothing works.
Here is what I am complaining about. (I have blacked out everything for privacy sake) :
- 209.67.20.161/email/linebreaks.png
- 209.67.20.161/email/linebreaks2.png
- 209.67.20.161/email/linebreaks3.png
It might be the "Printed Page Limit (Microsoft Word)" that is referred to in this article:
www.emailonacid.com/blog/details/C13/horizontal_spacing_issues_in_outlook_2007_and_2010
But, I don't think so because there are some line breaks very close to each other.
BTW, I am slicing an image in photoshop and saving for web devices.
Here is the sliced image: http://209.67.20.161/email/slices.png
Be my savior…
Link to my HTML: http://209.67.20.161/email/email_sliced_forss.html
You can send the HTML e-mail to your own outlook inbox by using ctrlq.org/html-mail and copy and pasting the source of my HTML in the box after selecting HTML editer.
Best Answer
Style your html emails like in this example and it will render perfectly in all major clients even the old ones like lotus notes.
Here is a link to another post where I explained how to use empty TD cells instead of spacers. HTML Emails - Empty Tables/TR/TD as spacers