Managing background colors in Hotmail on Firefox


[Editor’s Note: This post was amended based on feedback that our fix didn’t work in Chrome/Webkit. We found a new fix, which is what is reflected below in the discussion section. Keep that feedback coming!]

Our rendering experts have observed some changes with the treatment of color backgrounds within the new Windows Live Hotmail when viewed in Firefox.

We’ve known for some time that setting a page background color using the body tag is a no-go; it gets ignored or stripped in a wide swath of webmail clients. The solution was instead to wrap the whole email within one 100% width table, and set that table’s background to the desired color. Problem solved.

Now, however, this no longer works in Hotmail on Firefox. The problem seems to be that regardless of an email’s declared 100% table width, the Hotmail-Firefox combination collapses the email width to the widest hard-coded width of the email document; for example the widest image, body text table, etc. Thus any attempts to design an email with a colored background are thwarted, and the results can look pretty disastrous.

But rest assured we’ve found a solution, and it’s very quick and easy. Simply include the below in-line style within your 100%-width table and no more disappearing background!

< style=”table-layout:fixed” >

You can design your email just as you did before and simply add this style to your existing table. Here’s a simple example to reference:

< table width=”100%” bgcolor=”[your color]” border=”0″ style=”table-layout:fixed” >
< tr >
< td >[your email]< /td >
< /tr >
< /table >

Have you come across any other kooky rendering problems that you need help with? Leave a comment below and we’ll do our best to come up with a fix.

minute read

Popular stories

Products

BriteVerify

BriteVerify email verification ensures that an email address actually exists in real-time

DemandTools

The #1 global data quality tool used by thousands of Salesforce admins

Everest

Insights and deliverability guidance from the only all-in-one email marketing solution

GridBuddy Cloud

Transform how you interact with your data through the versatility of grids.

Return Path

World-class deliverability applications to optimize email marketing programs

Trust Assessments

A revolutionary new solution for assessing Salesforce data quality

Solutions

Validity for Email

Increase inbox placement and maximize subscriber reach with clean and actionable data

Validity for Data Management

Simplify data management with solutions that improve data quality and increase CRM adoption

Validity for Sales Productivity

Give your sales team back hours per day with tools designed to increase productivity and mitigate pipeline risks in real-time