Outlook 2007 and Email Campaigns - back to the dark ages...
We were recently testing an email newsletter and realized that the layout wasn't coming through properly in Outlook 2007. "Huh", we said..."it looks fine in Outlook 2003". Well apparently in Redmond, 4 years doesn't always mean 4 years of forward progress. It turns out that Outlook 2007 has some notable differences in how it handles Cascading Stylesheets (CSS). Because of web based email clients like Hotmail, it has been our practice for a while now to put all styles inline; rather than creating style rules that live elsewhere on the page and are then accessed by HTML elements, all style information is instead applied directly to those elements. This is extremely redundant, however it gets the job done and ultimately still makes use of (many of) the benefits of CSS. Its a coding concession we are willing to make in the interests of consistency across multiple platforms and email readers.
However, Outlook 2007 downgrades the list of CSS attributes that are understood. For example, "float", which will push an elements to the left or right or other elements next to it, is no longer supported. Background images and related attributes are no longer supported, nor are attributes that enable us to manipulate the appearance of unordered and ordered lists.
In short, we as coders need to take a step back and start coding these communications much the way we coded HTML 5 years ago - which is ironically just before Outlook 2003 was released. We need to start writing code that, if it weren't for a good business reason, would be downright embarrassing and antiquated. Hey Microsoft - get with it (seriously though - looks like the CSS issues were a byproduct of using the MS Word rendering engine in Outlook 2007).
There are some excellent tabular summaries of the differences between various email clients over at Campaign Monitor. You can also find an explanation on why the change occurred here.
The Bottom Line
The net result of all of this, if you create email newsletters or if you have them created for you, is that this is an important new development, and all your existing email newsletter templates and code should be scrubbed and re-evaluated in light of these regressions.
However, Outlook 2007 downgrades the list of CSS attributes that are understood. For example, "float", which will push an elements to the left or right or other elements next to it, is no longer supported. Background images and related attributes are no longer supported, nor are attributes that enable us to manipulate the appearance of unordered and ordered lists.
In short, we as coders need to take a step back and start coding these communications much the way we coded HTML 5 years ago - which is ironically just before Outlook 2003 was released. We need to start writing code that, if it weren't for a good business reason, would be downright embarrassing and antiquated. Hey Microsoft - get with it (seriously though - looks like the CSS issues were a byproduct of using the MS Word rendering engine in Outlook 2007).
There are some excellent tabular summaries of the differences between various email clients over at Campaign Monitor. You can also find an explanation on why the change occurred here.
The Bottom Line
The net result of all of this, if you create email newsletters or if you have them created for you, is that this is an important new development, and all your existing email newsletter templates and code should be scrubbed and re-evaluated in light of these regressions.
Labels: css, email marketing, microsoft


