• Anonymous

    Did something change in Outlook as well? I’m getting a similar problem when viewing in Firefox.

    • http://www.pure360.co.uk Andy

      Because the majority of on-line inboxes only take the contents of the body tag, anything in the headers, like style tags are not rendered. any styling in emails should be in-line to ensure the best consistency.

  • danmilano

    Did something change in Outlook as well? I'm getting a similar problem when viewing in Firefox.

    • http://www.pure360.co.uk Andy

      Because the majority of on-line inboxes only take the contents of the body tag, anything in the headers, like style tags are not rendered. any styling in emails should be in-line to ensure the best consistency.

  • http://www.elliot-ross.co.uk Elliot Ross

    +1 Andy, you can sometimes get away with putting a declaration after the tag but it’s not a guarantee

    Dan – Outlook webmail? I’ll take a look, from memory it’s a bit of a minefield!

  • http://www.emaildesignreview.com/ Elliot // Email Design Review

    +1 Andy, you can sometimes get away with putting a <style> declaration after the <body> tag but it's not a guarantee

    Dan – Outlook webmail? I'll take a look, from memory it's a bit of a minefield!

  • Jonathan Wilbur

    @Elliot…I was already using after the tag and it still seem to be ignored. Adding the <img style=”display:block” src=… to every image was the only solution I found

    • http://www.elliot-ross.co.uk Elliot Ross

      yep looks like style=”display:block;” needs to be on every image (except those you explicity want to behave inline)

  • Jonathan Wilbur

    @Elliot…I was already using <style> after the <body> tag and it still seem to be ignored. Adding the <img style=”display:block” src=… to every image was the only solution I found

    • http://www.emaildesignreview.com/ Elliot // Email Design Review

      yep looks like style=”display:block;” needs to be on every image (except those you explicity want to behave inline)

  • http://www.kennethglenn.com Kenny Glenn

    Wow… very unGoogle like, to add it to EVERY single image. Thanks for the article.

  • http://www.kennethglenn.com Kenny Glenn

    Wow… very unGoogle like, to add it to EVERY single image. Thanks for the article.

    • http://www.elliot-ross.co.uk Elliot Ross

      you’re right, it is very un-google like! It’s actually a result of them switching to a HTML5 based doctype, so in some ways it’s for the greater good as it potentially allows much better code, though as current email code is so far behind web it’s had to catch up and as a result we have this issue.

  • Pingback: Spotted: HTML 5 comes to email | The Email Design Review()

  • Nickclaeboe

    thank you for this, it was driving me crazy and work perfect now

  • Nickclaeboe

    thank you for this, it was driving me crazy and work perfect now

  • Anonymous

    Excellent! Thank you so much 😀

  • Anonymous

    Excellent! Thank you so much 😀