BLOG - HOW TO

A Fix to the 1px Border/Padding Added to Table Cells in Outlook ’07

ROS HODGEKISS - FEB 18, 2011

I’m going to say it – our monthly newsletter is far from perfect. Thankfully, it gets read by cluey folks like yourself, so we always get amazing feedback and learn something new.

This month’s key takeaway came from @get_dave, who kindly pointed out that Outlook ’07 was adding a 1px white border/padding to the thumbnails in our design. These thumbnails are enclosed in a table cell with a background color applied, to form a two-tone border. In most email clients, this border is flush with the grey background color:

But in Outlook ’07, a white border appears (which also causes the right-side of the border to disappear completely):

Thankfully, there’s a very elegant fix to this, courtesy of code extraordinaire Ian Hoar. Simply add the following snippet to your CSS styles:

table td { border-collapse: collapse; }

… and voila! No more white border and peace restored to the valley. You can read more about this solution, alongside a couple of other handy email tips on Ian’s blog.

Many thanks again to @get_dave for contributing this cracking tip – hopefully it will save you much hair-pulling when you prepare your newsletters!

Straight to your inbox

Get the best email and digital marketing content delivered.

Join 250,000 in-the-know marketers and get the latest marketing tips, tactics, and news right in your inbox.

Subscribe

See why 200,000 companies worldwide love Campaign Monitor.

From Australia to Zimbabwe, and everywhere in between, companies count on Campaign Monitor for email campaigns that boost the bottom line.

Request a demo