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.
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).
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.
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.