Table cells aren't consistent across email applications

I've just started testing a modified Campaign Monitor template, the tests have come back ok. There's issues with green headings in Hotmail and blue links in Yahoo! but I've found solutions to them on the Campaign Monitor site.

The problem I can't find a solution for is the inconsistent table cell widths in; AOL, Gmail and Outlook '03 / '10. The problem is with the Facebook and Twitter buttons at the top of the template.

I've specified the width of the cells and the width of the table holding them, the template renders fine in all the other email software - Not sure what I'm missing...

I've posted the link to my tests below. I'd really appreciate any advice on this.

http://d3-marketing.createsend.com/screens/r/0060707E35741737

Kind regards
Stephen Meehan

d3marketing, 5 years ago

I've managed to recreate the effect locally. I remembered reading Outlook uses the same rendering engine as whatever version of Internet Explorer is installed (or something along those lines!)

Either way, I've managed to recreate the problem viewing the HTML in Internet Explorer 8.

Here's what I've figured out so far:

The cell containing the Twitter link is correctly aligned left but its width is 97 pixels, it should be 55 pixels
The Facebook cell is 101 pixels wide (should be 65 px).

hmmmm....

d3marketing, 5 years ago

I think I've fixed it. Locally at least. I'll upload the updated template tomorrow, I've a few other tweaks to make yet.

The strange spacing appears to be related to a <td> with a colspan, I'd forgot to specify a width on the <td>. As soon as I did that, it worked. :)

I guess the lesson I've learned; is specify a width for every single <td>

Hope this helps someone else.

roshodgekiss roshodgekiss, 5 years ago

Thanks for sharing your results and welcome to the forums! I'm sure this advice will assist others with coding quirks in the future, so it's really appreciated.


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free
1-888-533-8098