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.
Here's the DIV properties compatibility table (taken from www.campaignmonitor.com, see LiamB answer):
Client Float Position Margin Width
Outlook 2003 / Express Yes Yes Yes Yes
Windows Live Hotmail Yes No Yes Yes
Yahoo! Mail Yes No Yes Yes
Outlook 2007 / 2010 No No Yes No
iPhone Yes Yes Yes Yes
Gmail Yes No Yes Yes
Apple Mail 4 Yes Yes Yes Yes
Lotus Notes 6.5 & 7 No No No No
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.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With