Categories

Follow this Thread

OUTLOOK border css

Hi,I'm a french webdesigner,

i'm designing and coding a mobile newsletter, and i have an issue with Outlook 2010...When i add a border to a table (width = 600px) with CSS, the table's width increase to 602px...With the others webmails or software, the table keeps his initial width...

P.s if you found this helpful, be sure to follow my blog at http://teamemail.wordpress.com/

In my case, i can't use more <td>. I can't use only 3 <td> in my nasted table, because i need to adapt it for mobile devices such iphone...So, i need to use css border.

Also i can't use rowspan and colspan because there aren't understandable by some french ESP...

The issue is that Outlook add 2 px, and an ESP like Gmail count them directly without adding 2 px...That mean in Outlook, a table with a width of 600 px and a border of 1 px around it, will let me some space of 600 px, on the contrary of Gmail which will let me some space of 598px.

thanks for your comment , but i can't use three <td>, beacause the text must follow the image shape in only one <td>.

I add the 10px in each image directly :( It's a crappy way, but it works.

But i don't understand why in the Campaign Monitor CSS guide, margin is supported by Outlook 2007/2010. Maybe i use it wrong...If someone know the way to apply correctly margin to an image in Outlook 2007/2010... :)

Hi juloxy, thanks for posting this question here. You're correct - Outlook doesn't support margins around images, despite what the official MSDN documentation says. I've updated our CSS guide to mention this - thanks for pulling us up on this point.

jodygibbons is on the mark here - placing a table around an image and either using a cell, or cell widths to create margins/padding is the most reliable way to work around this. Either that, or adding white space to your image.

Hi juloxy, thanks for posting this question here. You're correct - Outlook doesn't support margins around images, despite what the official MSDN documentation says. I've updated our CSS guide to mention this - thanks for pulling us up on this point.

jodygibbons is on the mark here - placing a table around an image and either using a cell, or cell widths to create margins/padding is the most reliable way to work around this. Either that, or adding white space to your image.

Thanks again for helping us keep our docs updated - we appreciate it!

Hi Roshodgekiss, i'm glad to help you for the css guide ! if you look for a permanent tester, I'll be happy to come and live in Sidney ! :)