Div styles not working in Outlook Emails

html css email outlook-2007 email-templates
Sunny Patial picture Sunny Patial · Jan 4, 2015 · Viewed 39.8k times · Source

I have created a HTML template for Emails using Div tags.

Its working fine on Gmail, Yahoo.

But Div styles not working in the Outlook.

Following is the code which i have used.

<div style="margin:auto;padding:auto;background-color:#FFFFFF;width:600px;border:0px;">
Testing Email
</div>

I have set div width 600px also make margin and padding auto. so that it will display in the center of the screen.

But its not working like that.

Gmail, Yahoo display email in the center of the screen

Please suggest how can i reslove this issue.

Answer

LiamB picture LiamB · Jan 4, 2015

Float width and position CSS styles applied to div's do not work in Outlook.

This is the primary reason while Tables are still used so heavily in Emails.

Related questions

Outlook 2007 changes link styles in a HTML email to have a blue underline when sent to Hotmail, Gmail, etc. Any fixes?

I've been using the HTML email templates that I obtained from http://www.campaignmonitor.com/templates/ And on every example I have gone through, when I send an email using the HTML template, all the links are given the horrible …

Read More
background image on TD in Outlook 2007

I've been told using tables is the best way to send emails although it's been twice as difficult. I have setup the email in tables, set all of the cells which need backgrounds with the background="" property, as well as …

Read More
Rich HTML emails in Outlook 2007 and 2010... how do you remove the top margin?

I have a rich HTML email. I was wondering how, in Outlook 2010 and 2007, you get the table in the layout to sit flush with the edge of the browser? Have a look at this pic: The pink is the background …

Read More