Solved

css not readable in outlook 2010

Posted on 2011-09-16
4
580 Views
Last Modified: 2012-05-12
Hi all,

I have made a simple html  table which should have rounded corners.
However because the main entry is fluent I have used css style code to repeat my background.
All works well and is visible in browser. But when I sent out my webpage to an outlook recipient who has outlook 2010 the css is not displayed correct

The code in question is <td align="left" valign="top" style="background:url(http://www.mysite.com/mail/border2_06.png) repeat-y ;">

in outlook you have a button on top which says. If the page you are looking at is not displayed correct please press this button to view in a browser. When I do this the tabel is perfect.

However I want to use this email to send to 2700 people. I doubt they are going to click on the button and see a bad html styled page.

What can I do about this issue?
Thanks
0
Comment
Question by:osa2
  • 2
4 Comments
 
LVL 25

Accepted Solution

by:
Kyle Hamilton earned 250 total points
ID: 36549370
background images are not supported in Outlook07/10

here is a list of support in email clients:

http://www.campaignmonitor.com/css/
0
 
LVL 30

Assisted Solution

by:LZ1
LZ1 earned 250 total points
ID: 36549374
Your definitely going to have a hard time getting any type of CSS to render in Outlook 2010.
http://www.campaignmonitor.com/blog/post/2799/microsoft-to-ignore-web-standards-in-outlook-2010/

Also, email vs. browser rendering are like night and day. Email clients do not hold web standards very high, if they hold them at all.
0
 
LVL 1

Author Closing Comment

by:osa2
ID: 36549638
STUPID MICROSOFT
0
 
LVL 25

Expert Comment

by:Kyle Hamilton
ID: 36550607
just came across this outlook background-image hack. though you might find it useful:

http://www.campaignmonitor.com/blog/post/1777/body-background-images-outlook/
0

Featured Post

Zoho SalesIQ

Hassle-free live chat software re-imagined for business growth. 2 users, always free.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

This process describes the steps required to Import and Export data from and to .pst files using Exchange 2010. We can use these steps to export data from a user to a .pst file, import data back to the same or a different user, or even import data t…
Read this checklist to learn more about the 15 things you should never include in an email signature.
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

919 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

19 Experts available now in Live!

Get 1:1 Help Now