We are frustrated at the lack of support for some of the most common CSS properties inside HTML emails for certain mail clients. The problem is highly pronounced for mail clients such as Microsoft Outlook 2007 (can somebody please sue them?), Gmail and to some extent Lotus Notes.
While searching the web for an answer we came across a rather interesting website that has decided to take on the battle regarding email standards – www.email-standards.org
The site presents some stuning comparisons of how a simple HTML page is rendered inside various mail clients using a simple ACID test based on 17 CSS properties
The Acid test was performed based on the following CSS properties
Following is a list of what we would like to see every email client support:
- Background-image
- Background-position
- Background-position a:hover
- Border
- Color/background-color
- Descendant-selectors
- Float/clear
- Font family/size/weight/style
- Font-family names with quotes
- Font inheritance
- Line-height
- List-style-image
- Margin
- Padding
- Varying link-colors
- Width/height
We are interested to know your experiences when dealing with HTML content in various mail clients. What are some of the measures you take to avoid poor rendering of content.
Filed under: Email Marketing, Maxmail | Tagged: Email Marketing
