Playing with Litmus and it appears that my table based layout is doing something weird in Outlook 2000. I've generated the boxes on the left using a script, so they're all identical bar the colour and the images they use. In Outlook 2000 and a few other clients, the red and orange boxes display fine and then the green and blue boxes go weird. I can't work out why. It looks to be well formed HTML as far as I can tell. I don't really understand why the orange box is fine, but the green isn't.
http://codingcraft.litmusapp.com/pub/3518497
2 answers
point
Outlook doesn't like column or row spanning in tables.
If you have different cell structures in each row, simply make a new table for each row.
Also, putting a "wrapper" table to keep everything together is a good idea.
points
Try adding font-size and line-height in cells that just contain images,
e.g<td style="line-height:0;font-size:0"><img src="some_image.gif" /></td> This should work. Also, here is a very usefull guide to show which CSS properties are supported in which browsers: CSS E-Mail Guide
- I've tried adding this and sadly it hasn't helped. :( Thanks for the tip though.
