**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) :
It might be the "Printed Page Limit (Microsoft Word)" that is referred to in this article:
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: sliced
Be my savior...
Link to my HTML: code
You can send the HTML e-mail to your own outlook inbox by using ctrlq and copy and pasting the source of my HTML in the box after selecting HTML editor.
Hey there jlands, thank you for clarifying that this is an OWA issue. We wrote a blog post on common rendering issues last year and it's likely that this has something to do with alignment on your table layouts. OWA is bit of a nightmare to work with, but thankfully not that very common these days.
Sadly I don't have a copy of OWA to work with, but let us know if you manage to find an answer :)
I've been trying to fix this issue with your code and been reading up what other people have been saying.
The issue is that it wraps everything in an iframe which we can't control and adds spacing.
Can't seem to fix this! :(