outlook 2007/2010 table spacing bug

i've got a newsletter that looks great in every email client but outlook 2007/2010. there's a big space above the heading when i put a table aligned to the right of that content. i have no idea why. any suggestions?

see the test here: http://twothirty.createsend.com/screens/r/AC3CDFDC9B2A21A1

roshodgekiss roshodgekiss, 4 years ago

Hi paulj, Outlook 07/10 add spaces to tables that have align="" applied to them, I'm sorry to say. As yet we don't have a workaround for this, except to handle this rendering bug as gracefully as possible in your design. Stay tuned to our blog, as we'll let folks know there if we find a fix.


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor
dedra dedra, 4 years ago

Hi Rosanne and paulj,

try to add this style to your page stylesheet (to top of all styles):

body {margin-top: 8px; margin-bottom: 7px; padding:0px; mso-margin-top-alt:0px; mso-margin-bottom-alt:0px; mso-padding-alt: 0px 0px 0px 0px;}

- margin-top to 8px, repetition of default margin in most browsers,
- margin-bottom to 7px - like top margin, but minus 1px, because CM add small (1px) invisible image for callback to end of page (just before body end)
- mso-margin-* and mso-padding-alt to 0px to eliminate extra spaces in Outlook

For top and bottom margins you can use your value, but remember to 1px CM callback image at end.

Tested and works.

eddiejohnson eddiejohnson, 4 years ago

Dedra I could kiss you!

Outlook was driving me mad until I found your fix. Thanks so much.

roshodgekiss roshodgekiss, 4 years ago

Thanks to dedra's clever thinking, I started to dig around a bit and found this fix on Emailology to the extra table spacing when align="" is used issue:

<table align="left" style="border-collapse: collapse; mso-table-lspace:0pt;mso-table-rspace:0pt;">...</table>

Thanks guys - I can't believe we finally have a fix!


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor
dedra dedra, 4 years ago

Eddie, kiss not needed, just thanks. ;-)

Rosanne, I'm glad I could help you and really made your morning :-)

...your earlier post on Outlook's padding really made my morning...

Rosanne and paulj, I have forgot about left and right margins, because we use centered design. But if you need it, add "margin-left" and "margin-right" (and "mso-margin-*-alt") to style. Remember, if you set, for example, "margin-left: 0px", other side ("margin-right") must be set to "auto". For centered design you do not need left and right margins set (it's default set to symetric values) or you can add both set to "auto".

Sure, maybe better is set all values of margin in one (top, right, bottom, left), but i don't know if exist this construction for "mso-margin-alt" (resp. if exist this style attribute).

roshodgekiss roshodgekiss, 4 years ago

Hey there dedra and company, for some reason, we can't get the lspace:0pt;mso-table-rspace:0pt; table space fix working anymore. After a customer mentioned that it wasn't removing gaps, we tried it for ourselves in Outlook 2007 and couldn't replicate the solution.

Would you guys have any insight, or a potential workaround? I'll cc the Email on Acid folks, in case they have some advice.


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free
1-888-533-8098