HTML Table issue for email newsletter

Question

I have coded up an EDM for email distribution and I'm having a slight rendering issue.

My question is, why is it rendering like that in Outlook and what can I do to fix it?

Also, if you look at it in the browser it's not quite right, mainly because I had to set a 9px bottom margin to .l4. Can someone recommend another way to go about this so it renders correctly cross browser and email client?

Thanks!

Answer 1

@Jonah Bishop, it is always a good idea to use nested tables in email marketing unless you use a flattened image. CSS is tripped out by many online email apps like hotmail and inline styles on divs are problematic with many clients. By problematic, I mean it is challenging to write inline styles that work well across all email clients.

What are you using to test your emails? If your email marketing platform doesn't provide a testing suite, http://www.emailonacid.com/ is a good option. http://litmus.com/ is another great option that works well with mailchimp. In fact mailchimp (fantastic service) enables you to use litmus from your account: http://blog.mailchimp.com/tag/litmus/

Some tips: http://kb.mailchimp.com/article/how-to-code-html-emails

This is a great resource too: http://www.campaignmonitor.com/css/