MindComet

Conditional CSS Comments for Outlook 2007

The team at SitePoint have recently implemented the use conditional CSS comments in email, targeting Outlook 2007 specifically.

Conditional comments first made their arrival to target specific versions of Internet Explorer.  With these comments, you can write specific CSS rules for any internet browser.  Check out some quick guidelines here.

The code to target Outlook 2007:

Now you wouldn’t use this code all that often.  Campaign Monitor gives us an example of using it with unordered lists.  Apparently, ULs (with bullets) don’t appear with bullets in Outlook 2007, so in this case, it would be a perfect time to incorporate a conditional comment.

If you start using this technique, comment below and tell us your thoughts.  We’ll start employing this technique as well so check back for any further developments.

View Comments

Posted by MindComet on Jul. 23, 2008

Why Can’t More ESPs Offer This?

Continuing in their tradition of providing genius features to their interface, MailChimp now offers a CSS Fixer for HTML emails.  The CSS inline tool solves the issues of emails breaking when CSS styles are not set inline and are instead embedded towards the top of the HTML within style tags.  See their demo video below:

Of course, you still need to know your limits with CSS for email.  Don’t use padding, margin, position or any other properties found on this page with a red X next to it.

View Comments

Posted by MindComet on Jul. 03, 2008