Solved

css not readable in outlook 2010

Posted on 2011-09-16
4
603 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Anyone familiar with PhotoSwipe? 3 15
Validating number not work with decimal 4 24
Outlook contact memory 2 19
Boolean 13 21
What does UTC stand for?  “Coordinated Universal Time” – Think of this as the true time on Planet Earth that never changes with the exception of minor leap seconds here and there to account for the changes in the planet's rotation.   What does th…
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

756 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