Outlook 2007 - the medicine is worse than the disease
Posted to Blog by Peter Hebert on 7 May 2012
I've seen a lot of weird things connected with Microsoft, but this has to take the cake. I was working on my latest email for VIFF, and read on Emailology about how some weird line-height issues can be solved by adding the following css rule to the block item in question:
mso-line-height-rule:exactly
I had been experiencing some random issues with big gaps, so I applied this style to my table, tr, td tags. Then when I opened the email in Outlook 2007, it looked like this...

When I removed the rule, it seemed to fix the issue.

It appears that Outlook was forcing the line height of the table cell to EXACTLY 1em, which was the declaration for line-height. Since there was only one line in the cell, the image gets cut off at 1em height.
Just chock up another one to the brilliant minds at Redmond who decided to revert to the Word rendering engine in Outlook 2007.
Keywords : css, design, email, outlook 2007








