HTML Email, Outlook 2007 and the EU
May 15th, 2009I was reminded today when I read that Microsoft is providing a means for removing IE from Windows 7 that many may not be aware of the real reasons why HTML emails look bad are challenging to build for Outlook 2007.
The reason stems from the European Union’s (EU) assaults on Microsoft for for anti-trust violations. Seems like the EU are not the only ones interested in this case. For those who are unfamiliar with the case, the EU has repeatedly expressed concerns that Microsoft was essentially locking out browser competition by embedding IE into the operating system AND Outlook. Apparently in an effort to get its Office Suite 2007 to market, Microsoft appeased the EU by among other things, crippling the browser capabilities of Outlook. The unfortunate part of the story is, they never really replaced the IE functionality with any acceptable substitute.
As budgets continue to tighten, more and more companies will likely decide to build their own emails internally and use any number of third-party mailing services like ConstantContact or VerticalResponse to execute the mailing.
For those who do, here are a couple of tips for constructing an email that will look good in Outlook 2007 as well as other e-mail clients.
- Use tables for layout. This is one case where a pure-css approach will not work
- Put your styles inline (i.e. <p style=”…”> as opposed to <p class=”…”>)
- Do not put padding into adjacent table cells. For some odd reason, padding from one cell ultimately shows up in an adjacent cell.
- Do not use background images. If you have designs where background images are critical to the overall effectiveness of the piece, embed the text into the image itself.
- Try to keep the styling as simple as possible… without going into detail, not all CSS will translate.
A List Apart published this article some time ago that still serves as a good set of guidelines for HTML email development. When added to the above guidelines for Outlook 2007, you’ll be well on your way.
Testing how well your email displays in Outlook 2007 is simple. From IE7, Select Page/Send Page by Email… If the resulting output looks good in your draft, it will most likely look good when it is sent… but go ahead and send it to yourself anyway along with the addresses of your other email test accounts.
