How to deal with the formatting difference between email clients.
 

We use html email order notifications.

All our orders pull into a windows PC running Outlook 2007 or 2010. Inside Outlook 2010 and earlier the notification emails always display correctly.

We have recently had to upgrade to Outlook 2013 in conjunction with using Gmail hosting.

Problem we have now is that the Order notifications emails, when viewed in either Gmail or Outlook 2013, dont display as nicely as they do either on the xcart website or in older outlook versions. (ie everything gets spread out a little more. Black lines used on the invoice become 10 times thicker etc. Just looks messy.

I know I can take an order email that looks terrible on Outlook 2013 and forward it over to an outlook 2010 pc and it looks fine. So its defiantly the way the browser or client interprets the html code on the fly.

Has anyone worked out a way to get them to look good in any browser - or is it trial an error fiddling with the code then testing in Outlook/Gmail??

Re: How to deal with the formatting difference between email clients.
 

Pretty much. Formatting for email clients is tricky. It can be hard to make them look the same in every client.

Nice overview of best practises: http://code.tutsplus.com/tutorials/20-email-design-best-practices-and-resources-for-beginners--net-7309