A Guide to CSS Support in Email

By David Greiner on 30th March 2006

Update: This study has since been superceded by the new and improved 2008 Edition

Since the rise of Internet Explorer, web designers have had to test their designs across multiple web browsers. No one likes it, but we've all copped it on the chin, written a few hacks and moved on with our lives. After all, 3 to 4 browsers aint that bad - and they finally seem to be getting their act together.

If Internet Explorer is the schoolyard bully making our web design lives a little harder, then Hotmail, Lotus Notes and Eudora are serial killers making our email design lives hell. Yes, it's really that bad.

Inspired by the fantastic work of Xavier Frenette, we decided to put each of the popular email environments to the test and finalize once and for all what CSS is and isn't supported out there.

198 Comments

  • Jurgen
    31st March

    Great post, it has always been sort of a grey zone with web based email clients. This makes it a bit more clear!

  • Jon
    31st March

    Excellent resource! Thanks for putting the time into simplifying this for us.

  • Chris Harrison
    31st March

    Thanks for sharing this David! Definitely saving this for future reference. I appreciate you putting the time into compiling all of this for everyone.

  • Josh Williams
    31st March

    Excellent. This is confirmation that we are not insane. Great resource!

  • Terry Evans
    31st March

    Awesome. Thank you very much!
    Now I’ve got some real armour for heading into the HTML email battlefield. Although clearly you can’t have enough.

  • Colly
    31st March

    Thank you, thank you, thank you… and thank you.

    Just what I need now that a certain record company are constantly badgering me to create mailouts that look like the website. Was having huge probs with web-based email, so this is bloody perfect.

  • Shane
    1st April

    A fantastic resource for anyone designing CSS-based e-mails. 

    I’ve bookmarked the page, and I’m sure I’ll be back.  Thanks a lot for your efforts.

  • Asif
    1st April

    Great work ...

  • Simon
    1st April

    Excellent piece. Explains a lot of things about email I have received that didn’t look correct! And may also explain some porr results on certain mails I have sent.

  • Amrit
    2nd April

    Nice post! Sending elegantly formatted emails is always a problem especially with people using all the email clients in the world. Thanks for sharing this.

  • Darren
    2nd April

    I’ve been looking for this type of resource for a year now. Good lookin’ out!

  • David
    3rd April

    So if I leave out the block from the head and only place it in the body the support should be about the same if I had placed it in both areas? Only now hotmail will see it?

    I just coded a css email and hotmail showed nothing. Not even a bare bones version.

    I’m also going to send google a nice little letter telling them to get their act together with gmail. I use gmail and love it but it really should support css. The folks over at google are plenty smart enough to have figured it out by now.

    Thanks for the nice article!

  • Quentin Ellis
    4th April

    Great post, as the others say, thank you for the hard work.  many questions answered

  • Arnold
    4th April

    Can u post some sample program about CSS

  • Dave Greiner
    5th April

    Arnold, if you’re looking for a sample CSS email template, the one available in this article is a great place to start.

    David, that’s right, placing the <style> element in the body is the way to go and won’t have any negative effects, except for Eudora, but as we illustrated that’s not really a problem because of its dismal CSS support.

  • Marina Krutchinsky
    5th April

    Thank you very much for combining all data into a single article. It makes an excellent reference and removes most of “test and trial” and plain old guesswork.  Most helpful!

  • AMC
    5th April

    As a long-time, die-hard Eudora user, I agree that anything beyond the simplest markup is totally ignored ... but keep in mind that Eudora users can choose “File > Open in Browser” to see HTML e-mails properly formatted. Don’t know how many do so, but for important e-mails or ones with interesting links, I usually do.

  • AMC
    5th April

    in case I wasn’t totally clear ... in Eudora, looking at an opened e-mail message that’s basically unreadable due to HTML markup (CSS or otherwise), the user chooses Open in Browser from the File menu. Eudora creates a temp .html file in file:///private/var/tmp/ and the message is shown is the user’s default browser, mark-up renders beautifully. This is the only way I can read my e-mails from AmEx ...

  • Bill Burns
    6th April

    This is fantastic, David. Thanks for putting the work into this. Instant reference bookmark…

  • ParadiseFound
    13th April

    What version of Lotus Notes client was used for this test? Just interested…

  • Ed Brill
    13th April

    this can’t possibly be a current version of Lotus Notes.  Without disclosure as to what version, this seems like an incomplete analysis.

  • Niki Lin
    13th April

    Great work guys!

    I was using css in my mails without knowing this could be such a problem for all those different mail agents. I think I’m going to point this out in my class. Again it’s sad to see that the battle for consistency among utilities is going on…

  • Dave Greiner
    13th April

    Hey Ed,

    We tested the Notes compatibility on the latest version we could download from the IBM site. This was version 6.5.4, which was apparently released on March 27, 2005.

    If there is a more recent version of Notes that we can have access to, I’d be more than happy to replicate the test and update our findings.

  • Alex
    14th April

    That¥s really great, david. Thanks for your fantastic work.

  • Patrick Corcoran
    14th April

    Nice work.  Well researched.

  • tribaldo
    17th April

    Just say, thnx a lot! This guide is very useful for web developers. ;)

  • Joe
    19th April

    Nice job on this article

  • Lachlan Hunt
    19th April

    If Eudora doesn’t support any properties whatsoever, how were you able to determine that it supports the type selector?  How about making all of the test cases you used available so we can see the results for ourselves, including clients you haven’t tested?

  • Lachlan Hunt
    20th April

    With regards to putting the style element in the body instead of the head to support Hotmail, what happens if you just omit the start- and end-tags for the head and body elements?  That is perfectly valid in HTML 4.01 (and earlier).

  • Dave Greiner
    21st April

    Lachlan, that’s a very good point and one that we overlooked. I just double checked the results and Eudora changed the font-size for a H1 we were testing and we mistakingly took that as it supporting the style we declared for that H1. Pretty silly oversight really.

    Here’s the test HTML and CSS we used for our testing. If you have any other suggestions, I’d love to hear them.

    In regards to omiting the head tags from the document, that’s something we’d have to test, I haven’t tried that one before.

  • Ellen de Graaf
    22nd April

    You indicate that Hotmail supports background-images, but it doesn’t unfortunately :(
    I noticed Hotmail removes any CSS rule that uses a url().

  • Damien Buckley
    22nd April

    Hotmail supports background images but you’ll need to put the style tag inside the body tags, not in the document head - last time I checked anyway.  I still think you’re better off putting your CSS in the head of the doc and letting Hotmail fall back to unstyled content - its more reliable for the minority who use it.

  • Ellen de Graaf
    23rd April

    I did put the style inside the body tags, but it didn’t work. I totally agree with you, but clients huh ... They tell me a lot of our target audience still uses Hotmail (here in Holland), unfortunately :(

  • Bob Mixon
    24th April

    Very, very nice!  Great work and I appreciate it.  I am linking to this page from my Site!

  • Enrique
    24th April

    Genial.

  • loopion
    24th April

    I think is the most useful analysis I’ve ever seen !

    Thanks a lot !

  • Spencer
    26th April

    Wow, absolutly perfect info.  I deal with HTML/Text (Multi) email on adaily basis.  This is oging in my Links bar right now!

  • RickRanger
    29th April

    An outstanding research effort!  The depth and detail of your findings is exceptional.
    Well done.

  • Lachlan Hunt
    1st May

    I noticed with a recent HTML mail I was forced to build (despite my desire to send only plain text e-mails) that Thunderbird will only render in quirks mode, regardless of the DOCTYPE used.  So my beautiful, standards compliant work of art that renders beautifully in Firefox, has bugs in Thunderbird as a direct result of quirks mode.

  • Donna Zukowski
    3rd May

    I have a question about meta tags. I read somewhere that email programs ignore them. Should they be included? thanks

  • Donna Zukowski
    3rd May

    I’m also wondering is there anyway to keep on top of HTML specifications to lessen the amount of HTML winding up in SPAM?

  • Ben Richardson
    4th May

    Hey Donna, that’s correct, email clients don’t care about meta tags. As for your HTML code affecting your SPAM scoring, content is usually the offender as opposed to code - here’s a little more information on this.

  • Gunther Bohnert
    8th May

    Great work - thanks a lot. I’d like to mention one more Mac Client: PowerMail by CTM Development. Haven’t checked your test parameters with this one yet. Maybe I should…

  • Jon Harvey
    10th May

    If you comment each line of style within the body tag Lotus Notes will render them… Weird but true… Just thought I’d add this little pearl

  • Amber S.
    10th May

    Finally - one place to go to for CSS & email info. When I created my company’s newsletter using CSS a year ago, you don’t know how many articles, blogs, and other sites I read trying to find out what was supported (along w/ a million test emails sent to my Hotmail, Gmail, and Outlook accounts)! Thanks so much for doing all this testing!

  • Danny Foo
    10th May

    The charts definetely going to help when trying to figure out why certain properties aren’t working.

    A very big thank you. :)

  • Blaze
    11th May

    This is incredibly useful, thankyou very much. Maybe in the future you can update this with more popular clients etc as well? Cheers

  • just debra
    19th May

    Double-Kudos to you! Thanks for such a great work.

  • alakazarm
    3rd June

    You should have added Thunderbird to the mac tests too…

  • Tek Boy
    3rd June

    Excellent work, guys—this really is an invaluable resource. 

    After going over the list, I’ve decided against supporting Gmail, Lotus Notes and Eudora—they don’t support enough of the CSS spec to justify the effort.  Excluding those clients, I think you’ll be able to achieve maximum compatibility across most of the major clients if you avoid supporting any of these CSS features covered in the article:

          The <style> element
                • <style> element in the <head>

          The <link> element
                • <link> element in the <head>
                • <link> element in the <body>

          CSS Selectors
                • e > f
                • e:focus
                • e+f
                • e[foo]
                • background-position
                • border-spacing
                • caption-side
                • empty-cells
                • filter
                • list-style-position
                • opacity
                • position
                • white-space

  • turd furgeson
    9th June

    you must be the most bored person on the planet. also, any production designer worth their salt has this shit memorized. get a real job.

  • Bertrand
    16th June

    To sum these good tables up, here is a list of the things who should restrain to to be compatible with:

    Hotmail
    Yahoo! Mail
    Windows Live Mail

    PC
    Outlook 2003/OE
    AOL 9
    Thunderbird

    Mac
    Mac Mail
    Entourage

    (Forget GMail, Lotus Notes and Eudora)

    Here’s the list:

    CSS selectors

    « style » element in the « body »
    *
    e
    e:link
    e:active, e:hover
    e.className
    e#id
    e:first-line
    e:first-letter

    CSS Properties

    background-color
    border
    clear
    color
    display
    float
    font-family
    font-size
    font-style
    font-variant
    font-weight
    height
    letter-spacing
    line-height
    padding
    table-layout
    text-align
    text-decoration
    text-indent
    text-transform
    vertical-align
    visibility
    width
    word-spacing

    Thanks for the article!

  • Chris
    24th June

    I *love* you guys! :)
    Thanks for the extensive and invaluable work!
    Kudos

  • RARPSL
    4th July

    I note that while you list Eudora for the Macintosh (which has poor internal HTML support and relies on “View in Browser” to do the heavy HTML rendering - to be fixed in forthcoming MacEudora 7.x whose native HTML rendering will use the MacOS X supplied Web Rendering engine) you ignore Windows Eudora which should score like IE since it uses the IE Rendering Engine for its Native Support (as well as, if requested in its settings, handing the HTML off to IE which launches and shows it in its own window [similar to what occurs on the Macintosh if you “View in Browser”]).

  • Cait
    12th July

    I’ve noticed that you said that Yahoo doesn’t support background-position; however, when I do background: url(image.gif) no-repeat bottom left; Yahoo seems to respect that.  But if you break it down into background, background-repeat and background-position, then no Yahoo will not respect the background-position call.

    Would love to know if others can duplicate this.

  • Steven Tew
    5th August

    What a great break down. Thanks for this?
    Would love to this expanded to cover position: relative and position : absolute. It could maybe be used to get around the lack of support for background-images.

  • Steve
    10th August

    I have an HTML mail merge email going out with an invoice section i’d like printed on its own page. I can’t successfully force a page break before/after a section for a printed email. ‘page-break-after’ / ‘page-break-before’ don’t seem to register when printed through email though they work nicely printed from the web =

  • Matt
    11th August

    Thanks for all !!!!!!!!!!! It’s a very good guide.

  • Donovan
    22nd August

    Thanks for the info, i’m glad I finally found something usefull thx again!

    Donovan

  • Gary
    24th August

    Created our first XHTML/CSS based email, and all went well…  Google stripped everything out, but it degraded well.

    Outlook etc all fine too, though had to click the “Click here to download pictures” to get the backgrounds etc to all load up….

    HOWVER - Hotmail (or livemail which it is now) - displayed it a bit like outlook (without the backgrounds etc), but at a tiny scale…  I assume there’s some sort of font-size inline css going on, and my font with font-size: 0.6em is becomming even smaller….

    Any ideas?

    Thanks
    Gary

  • Gary
    24th August

    to confirm - it’s definately my:

    body {font-size: 0.6em;}

    Thats causing the issue…  If i change it to a fixed 10px it’s fine.  Shame the text cannot then be resized… 

    It looks like LiveMail already includes a body font size (at 0.69em), so all sizes (in .em) are taken from this…  Shame…  looks like i’ll have to break accessibility guidelines and hard-code the text size to a specific pixel size.

  • Doug L
    24th August

    Is anyone dealing with an issue whereby Word is set as the editor in Outlook 2003 of the recipients? The reason I ask is that I am having challenges when recipients forward my newsletter.

    I hand design using HTML/CSS, then load in the Stationery folder to send through Outlook. That part works brilliantly. I don’t use Word as my editor in Outlook. It’s when my recipients Word 2003 inserts enough MS specific XHTML/CSS that my layouts get distorted.

    Bottom, line design integrity is compromised when forwarded. I don’t know enough about MS CSS to understand how to design for it, outside using Word or Publisher as my source editor. Want to avoid that, but will compromise because my audience is strictly Outlook/Office 2003.

    Any advice or URLs to learn from will be most appreciated. Doug

  • Ed Purkiss
    31st August

    Good lord, what a fantastic time saver. Thank you for the excellent, hard and detailed work - and particularly for sharing it!

  • Rio
    7th September

    Seriously, that was sooo helpful!  Thanks a milion!

    -Mario

  • Virdee
    16th September

    Excellent work - this will save weeks worth of testing!!!

  • Adri‡ GarcÃŒa
    20th September

    Excelent report!
    Thanks dude.

  • Alex Dedul
    27th September

    Good report. Thanks, thats saved a lot of work.

  • Luiz JË™nior Fernandes
    29th September

    Allright…, now I only hope that somebody can tell me the HTML tags that PC E-mail clients can support in HTML e-mails. Anyone?!

  • Antony
    4th October

    Nice job! A lot of thanx!

  • carlos
    5th October

    Good review. I tried to design to another web email..and someones has no treatment of css…i design with older html without css

  • Scott Gingrich
    10th October

    A very handy post…thanks! I’m taking my first plunge into HTML Email tomorrow. I’ll be using 1ShoppingCart to send out a multi-part/mime message. Have you done any testing on HTML only Emails vs multi-part/mime?

  • Tom
    14th October

    On the other hand if your client demands consistency no matter what, or the CEO’s using Lotus Notes, you’ll have to dull down your design, stick with tables for layout and use only basic text formatting via CSS. You may even have to go down the inline CSS route.

    —————————————————————————

    I disagree with the “dull down” part of this, I would love to use CSS on a daily basis but our clients want consitency and they don’t care what the HTML looks like. Web Design is not solely dependent on what particular mark-up you use.

    A table is a designers dream as it resembles a grid, there are tonnes of problems with the CSS model even for web pages, for example vertical positioning is virtually impossible. When I have to vertical position a form or survey for a landing page from an email, the fastest most efficent method is to use a table.

    Table based layout with CSS text styling is still the best way to go for email design, I wish the CSS support was better, but it’s not at a level where you could run a successful email production team on it.

  • alain williams
    25th October

    Errr, you don’t get it—HTML email is a bad idea in the first place. Bloated, has security issues and many mail readers or organisation just won’t take it.

    A couple of blog entries that explain why in a bit more detail:
    http://blog.dave.org.uk/archives/000873.html
    http://blog.dave.org.uk/archives/000682.html
    If your marketing people insist on it, DO make sure that you send out a plain text attachment with the text in it.

  • Shahar Hesse
    25th October

    Some readers override link styles, to get around this, add a style=”” inside the a tag…

    Also, on older tests I did (almost a year old now…) float and clear had minimal support, for lists with recipients on older os’s this might be an issue.

    thanks!!

  • Alexander S. Manenko
    31st October

    Excellent work! Thank you!

  • Qaiser Mehmood Mughal
    5th December

    Excelent Research.
    Thanks for posting such kind of information.

    Qaiser Mehmood Mughal
    ——————————————
    Software Engineer
    Lahore - Pakistan.

  • John
    14th December

    Good review. I tried to design to another web email..and someones has no treatment of css…i design with older html without css

  • Keith
    14th December

    Great review… really useful tables.


    Upon poking around a bit, it seems gmail’s support actually changes some depending on what the element in you’re trying to define.  For example, it maintains background-color of DIVs, but not of Headers, and it allows font settings in DIVs and Headers, but not in Paragraphs.

    I guess the rule of thumb is, if you really need something, test it out a few different ways, and then lean on degredation.

  • NiC
    19th December

    We tested the Notes compatibility on the latest version we could download from the ..

  • Chris
    20th December

    Sweet! I found this very useful. Thank you! :)

  • Asam
    4th January

    It the best site i have seen on CSS Support in Email. I’ll definatly save it in my bookmarks. 
    Thank David Greiner thumb up for you

  • Shobi
    19th January

    Great article I’ve ever seen on web, you da man

  • Jeet
    23rd January

    Great article!

    Does anyone have any experience with receiving html campaigns in Yahoo Mail “Beta”. I received a message from someone that had both html and plain text content but Yahoo Mail Beta displayed the plain text first (it actually displayed it twice; one below the other) and then displayed the html content. Pretty weird. Any feedback on your experience with the new Yahoo Mail? The style tag was part of the tag and Yahoo Mail Beta actually displayed the css code as part of the message.

  • Dave Greiner
    23rd January

    Jeet, we’ll be publishing a full review of how the new Yahoo! Mail handles CSS in email (which is very well by the way) in the next few days.

  • Paul Mycroft
    8th February

    I have already been using a CSS-based email solution and am just about to build a simple email MailBuild template for a new client and was wondering why there are 3 table-based templates in the Resources 3-pack whereas there exists a CSS-based template elsewhere on this site.

    Is this a deliberate move from Campaign Monitor to accommodate Outlook 2007? Which option should I take?

    Thanks!

  • Dan Merfeld
    17th March

    Thank you so much for putting this together. I have been flying blind on most of these email clients, crossing my fingers that everything looked okay. Having this information is invaluable.

    As far as the CSS verses Tables debate, it’s nice to see we have a new realm in which to argue.

  • Mimidou
    28th March

    Hello,

    Thanks for this page.

    Now OUTLOOK 2007 is here
    Here another case studied :)

    Just for information the Background image does not go under Outlook 2007

  • Wayne Pelletier
    30th March

    It’s possible things have changed in the year since this post. Gmail is rendering font-family just fine now.

  • Dave Greiner
    30th March

    Cheers Wayne, we plan on doing a major re-test and include lots of the newer email clients like Outlook 2007 and the new Yahoo beta real soon. Watch this space.

  • Chris
    2nd April

    I would love to see this list updated with the new changes to Outlook 2007.

  • Bear
    17th April

    Any idea when you’ll be updating this for Outlook 2007? This is such a great reference, I just can find anything like this for the mess that Outlook 2007 is now causing. Thanks!

  • Andre
    25th April

    Hello,

    Thenk you for this informations… :-)

  • steve
    25th April

    great article, very helpful

  • Gabriel McCay
    27th April

    Oh my god, I just finished up an HTML Email that took me about an hour to build, and 6 hours of browser / web-browser mail. I wish i had found this resource a couple days ago, From now on I will plan my approach.

  • rye
    1st May

    Thanks!

    This is also a great guide to CSS in blog post.

  • Chris Hooven
    3rd May

    Anyone have any experiance sending HTML Mail to rediff mail accounts?  About 6 months ago all our images stopped working there.

  • Kiran
    4th May

    Very, very nice! Great work and I appreciate it.

  • Skeller
    1st June

    “Ellen de Graaf

    wrote on April 21, 2006 7:31 PM

    You indicate that Hotmail supports background-images, but it doesn’t unfortunately :(
    I noticed Hotmail removes any CSS rule that uses a url”

    I found the same thing…

  • Leo
    17th June

    Thanks for the information. It is an useful article for me ;)

  • Apteka internetowa
    5th July

    It’s very good article. Great site with very good look and perfect information… Thanks

  • Stock photos
    14th July

    Good stuff. I want to install it on my phone!

    I love this phone i might buy me one in fort lauderdale

  • Aukcje
    16th July

    It’s very good article. Great site with very good look and perfect information. I like it too

  • Wzorki
    16th July

    Very nice and well written guide. It’s very helpful to me, Thanks

  • Emlak
    23rd July

    Nice job! A lot of thanks

  • Condor Fluge
    24th July

    CSS is also heplfull in protecting your e-mail address from spam. You can for example make him written from right to left and change his verwing in CSS. Not 100% but always it is some wall to spiders.

  • Vignesh
    27th July

    Hi! the article was very useful for our project. Great! Guys you have done a wonderful study.

  • Nithiyanandhan
    8th August

    Hey buddy’s

    I am facing one problem.My html formatted e-mail is displaying properly in outlook express.But if i fwd that html formatted mail to some others the html format is collapsed and go to ordinary mail not a formatted mail.past 10 days i am facing this problem.So anybody could you help me.Urgent

  • indir
    8th August

    Thank you for the excellent, hard and detailed work - and particularly for sharing it!

  • Tomasz Gorski
    13th August

    Excellent. This is confirmation that we are not insane. Great resource!

  • Gry
    7th September

    Excellent piece. Explains a lot of things about email I have received that didn’t look correct! And may also explain some porr results on certain mails I have sent.

  • dzieci
    8th September

    I don’t use css in emails because then they are more larger.

  • NBA
    17th September

    Excellent resource! Thanks for putting the time into simplifying this for us.

  • Katalog Stron
    19th September

    E_X_C_E_L_L_E_N_T_-_A_R_T_I_C_L_E, thanks (*_*)

  • Dj Tiesto
    19th September

    Allright…, now I only hope that somebody can tell me the HTML tags that PC E-mail clients can support in HTML e-mails.

  • gdr
    20th September

    Thanks for this useful post !

  • Linki
    20th September

    Very nice and well written guide. It’s very helpful to me, Thanks

  • agire jiyan
    23rd September

    Great site with very good look and perfect information.It’s very good article.  Thanks

  • Katalog Stron
    26th September

    Thanks for the info, i’m glad I finally found something usefull thx again!

  • Website
    27th September

    Thank, this article is useful for me.

  • data
    27th September

    Great resource! Excellent. This is confirmation that we are not insane.

  • Viktor
    28th September

    Thanks a lot, CSS is quite a pain in the a….

  • Michael
    30th September

    Very nice and well written guide. It’s very helpful to me, Thanks

  • Evden Eve Nakliyat
    5th October

    Michael - “Very nice and well written guide. It’s very helpful to me, Thanks”

    Good job.

  • Tapeten
    7th October

    I think these blog is really useful for new comers and Excellent resource list.
    It´s a very interesting Blog and simple answer of many questions.
    Keep up the good work!
    Thanks it helps me a lot…

  • sohbet
    9th October

    Very nice and well written guide

  • bentodesign
    11th October

    interesting that google remains the least friendly web based email when it comes to using css.

  • Hanson So
    12th October

    This is very helpful, and I find it an excellent resource.  Thanks.

  • ross
    13th October

    Thanks for taking the time to demystify the email minefield. Maybe someday we can stop pretending its 1990 when writing HTML emails.

  • diyet programları
    14th October

    Thats really great, david. Thanks for your fantastic work.

  • Gdynia
    16th October

    Thanks for this very good article. Can i translate this and insert on my site in Poland?  Thanks and Greetings from Gdynia

  • Pathfinder
    18th October

    Thanks for stuff.I was looking at the material over a large amount of time

  • pozycjonowanie
    19th October

    Good lord, what a fantastic time saver. Thank you for the excellent, hard and detailed work - and particularly for sharing it!

  • kanutouren
    25th October

    This is very help ful , very nice and well written guide! Thanks! Good job. Thanks! Thanks!

  • resimler
    29th October

    Can u post some sample program about CSS

  • kora
    30th October

    You’ll probably need to generalize a little here, because most of us have no idea what email environment each recipient is using.

  • Ana
    31st October

    Very helpful!

    However, have you ever tried testing iCalendar emails (ex. meeting request) with html body in Outlook. CSS support is minimal at best. The following are not supported for sure: background-color, border.

    There are numerous others that I am not mentioning since I’m not done testing. :(

  • Colin Guthrie
    1st November

    Hello,

    Great report, very handy. One thing it does not mention however is what email clients support the embedding of multipart/related images in CSS url() containers. AFAIK none of the clients support this, but finding this information out is quite hard so adding this into this report would make it definitive!

    Col

  • borelioza
    3rd November

    Thank you for the excellent, hard and detailed work - and particularly for sharing it! Good lord, what a fantastic time saver.

  • Stefan
    4th November

    Good review. I tried to design to another web email..and someones has no treatment of css…i design with older html without css

  • Informatico
    5th November

    Great work, i was go crazy to make a template compatible with all clients and webmails.

    Thanks a lot.

  • klimatyzatory
    7th November

    This is very helpful.

  • nezh
    8th November

    Good review. Thanks

  • nezh
    8th November

    Nice post! Sending elegantly formatted emails is always a problem especially with people using all the email clients in the world.

  • John Handy
    8th November

    I don´t think that using css in e-mails is a good idea. many people i know (including me) have activated text-only for e-mail and for that is css pretty useless but anyway a good article.

  • .Ogłoszenia
    8th November

    Thanks for this side, now I know more. I’ll try to translate this article to my language and add it on my webside.Ogłoszenia

  • Firma
    9th November

    Thank you for the excellent, hard and detailed work - and particularly for sharing it! Good lord, what a fantastic time saver.

  • game
    10th November

    Thanks. I tried to design to another web email..and someones has no treatment of css.

  • telewizja n
    11th November

    If you are sending HTML emails in your marketing campaigns (and there’s lots to support that you should) you have probably come across some serious design issues when it comes to using CSS styling. I ran across a very comprehensive article over at Campaign Monitor that outlines what CSS elements, selectors and properties are and are not supported by the various email client environments such as Outlook and Yahoo.

  • küvet
    14th November

    I have an HTML mail merge email going out with an invoice section i’d like printed on its own page.

  • Pozycjonowanie
    14th November

    Thats great. Thanks for your work.

  • Josy
    18th November

    Excellent informations! Thank you for your work and sharing your knowledge

  • kız oyunları
    20th November

    If you are sending HTML emails in your marketing campaigns (and there’s lots to support that you should) you have probably come across some serious design issues when it comes to using CSS styling. I ran across a very comprehensive article over at Campaign Monitor that outlines what CSS elements, selectors and properties are and are not supported by the various email client environments such as Outlook and Yahoo.
    this is good idea

  • Hip Hop Klamotten
    23rd November

    However, have you ever tried testing iCalendar emails (ex. meeting request) with html body in Outlook. CSS support is minimal at best. The following are not supported for sure: background-color, border.

  • Jon
    1st December

    awesome post… exactly what i was looking for

  • Bwin
    19th December

    I have already been using a CSS-based email solution and am just about to build a simple email MailBuild template for a new client and was wondering why there are 3 table-based templates in the Resources 3-pack whereas there exists a CSS-based template elsewhere on this site.

  • Dave Greiner
    19th December

    Bwin, all of the templates we provide are actually table-based to a certain extent, as that’s the only way to achieve consistent rendering across the board. The newer templates have less reliance on tables for layout and make better use of CSS, but they still use tables for basic page structure.

  • sharp aquos
    20th December

    Great work, i was go crazy to make a template compatible with all clients and webmails.

  • george
    22nd December

    I have an HTML mail merge email going out with an invoice section i’d like printed on its own page.

  • SEIKO
    25th December

    Good article , thank You

  • pozycjonowanie stron
    27th December

    Thanks a mil. That’s what I need!

  • Brandon Buttars
    28th December

    This is awesome.  Like some of the above comments you kind of guess sometimes what supports what because you just don’t have the time to test it all sometimes.

  • Sklepy
    29th December

    Thanks for very interesting article. btw. I really enjoyed reading all of your posts. It’s interesting to read ideas, and observations from someone else’s point of view… makes you think more.

  • telefonsex
    30th December

    This is very helpful, and I find it an excellent resource. Thanks.

  • Download
    10th January

    Thanks for all, very good and helpful

  • strony www
    12th January

    Thats great. Thanks for your work.

  • katalogowanie rƒôczne
    12th January

    xcellent. This is confirmation that we are not insane. Great resource!

  • katalogowanie
    12th January

    I was using css in my mails without knowing this could be such a problem for all those different mail agents. I think I’m going to point this out in my class. Again it’s sad to see that the battle for consistency among utilities is going on…

  • offshore companies
    15th January

    Very well made article. MAny thanks for chart with Eudora. It will save lot of time!

  • el dorado
    15th January

    Good article.
    Thanks for sharing.
    Regards from Poland.

  • Blindog
    15th January

    Very nice, I was just creating a new email template and wondered what the support for CSS was in email clients? You more than answered my question. Kudos.

  • home decor
    22nd January

    I was using css in my mails without knowing this could be such a problem for all those different mail agents

  • eater
    26th January

    It is good to know that there are lots of people doing lots of work for me

  • vitaly
    26th January

    Very useful post. Thanks.

  • MisterMmmh
    26th January

    Yes! You have answer on one of my question for creating HTML emails .. many thanks!

  • raffyman
    5th February

    Does anyone have any experience with receiving html campaigns in Yahoo Mail “Beta”. I received a message from someone that had both html and plain text content but Yahoo Mail Beta displayed the plain text first (it actually displayed it twice; one below the other) and then displayed the html content. Pretty weird. Any feedback on your experience with the new Yahoo Mail? The style tag was part of the tag and Yahoo Mail Beta actually displayed the css code as part of the message.

  • übersetzungen
    5th February

    There are many useful informations in this great article…I really enjoy reading the whole blog that you write.  Thanks!...

  • Blaise Kal
    20th February

    Thanks very much! This saves me a lot of time.

  • Bijay Rungta
    21st February

    Thanks for sharing this..
    It saved me a lot of time trying to figure out why my efforts were going in vein..

  • Acronyms
    4th April

    Bloody email clients.

  • Paul Crain
    1st May

    Thank you for posting this, bookmarked for reference.

  • vinç
    11th May

    I was using css in my mails without knowing this could be such a problem for all those different mail agents

  • vana
    11th May

    Thank you for posting this, bookmarked for reference.

  • JamesM
    31st May

    Awesome list!!! im being introduced to email based advertising and this is an essential website!

  • Zach Katkin
    17th June

    Great detailed article. Thank you for all of the hard work. We’ll definitely be putting this to good use.

  • Dan
    28th July

    One very good post! It’s good to see up-to-date information on such a technical subject. I’d certainly like an html coder who can produce an email template to cover this! Any takers?

    I’d like to get some input on cutting-edge email forms.

    Please”>http://www.campaignmonitor.com/blog/archives/2006/03/a_guide_to_css_support_in_emai.html”>Please Contact Me

  • Tao
    1st August

    Now I know why my email does not display correctly under Lotus Notes. Thanks for the sharing the chart.

  • Jaideep
    13th August

    Excellent information.

    Thanks for sharing such a good info.

  • laura
    17th August

    Wonderful and informative web site.I used information from that site its great.

  • xavier
    17th August

    Thanks for the information. It is an useful article for me ;)

  • peter
    3rd September

    I hope that this isn’t a stupid question, is a element CSS? I’m a little fuzzy with what is CSS formatting and what is HTML.

  • peter
    3rd September

    Sorry, some words disappeared. I hope that this isn’t a stupid question, is a style element CSS? I’m a little fuzzy with what is CSS formatting and what is HTML.

  • www.evdenevetasimacilik.org
    9th September

    : Evden Eve Nakliyat , Ofisten Ofise Taşımacılık, Şehirlerarası Taşımacılık, Şehirlerarası Nakliyat evden eve nakliyat, ofisten ofise nakliyat, nakliyat firması, ofisten ofise taşımacılık şirketleri, şehirlerarası nakliyat, özel eşya taşımacılığı, gıda taşımacılığı, şirket taşımacılığı, fabrika taşımacılığı, depolama, nakliyat

  • www.temizlikmalzemem.com
    9th September

    Temizlik malzemesi, temizlik malzemeleri, temizlik malzemesi satışı alımı fiyatları , temizlik malzemesi bedava

  • Jinn
    19th September

    Good one,
    I am making newsletter features and multi-mail clients are killing me.
    >.Good one,
    I am making newsletter features and multi-mail clients are killing me.
    >.<

  • Pozycjonowanie stron
    20th September

    I’will not use a css in my mail. This is non sens !!

  • Thomas
    24th September

    Great list, although including Outlook 2007 would be very helpful.  I’m not sure if it was out though when the list was made…Outlook 2007 CSS support is awful, mainly it’s lack of support for position and float attributes.  Check out this article for details.

  • Porkster
    13th October

    Thanks for the chart! It’s very, very helpful, especially since I’ve just been figuring out what CSS tags to use simply by trial and error, creating various HTML code bits to send to multiple email clients, and the best part is that the HTML mailer program takes ten minutes to send something. LOL, fun times indeed. Sarcasm aside, I’m looking forward to the update when you include Outlook 2007.

  • RedBalloon
    16th October

    Thanks a lot for the list. I’m glad to see most of the css inline style will work. Does anyone know of a free HTML sender? I need to do some testing on all of my email accounts.

Sign up for free.
Then send campaigns for as little as $9/month

Create an account