Background Color on Entire Email

To have full coverage using a background color, the background color needs to be in three places: a bgcolor on the <body>, a style background-color on the <body>, and a style background-color on the containing <div>.

Here is the code.

<body bgcolor="#eeeeee" style="margin:0; padding:0; width:100% !important; background-color:#eeeeee;">
<div align="center" style="background-color:#ffffff;">
  Build Email Here
</div>
</body>

Here is the breakdown of what is happening.

bgcolor=”#eeeeee” on <body>
Works everywhere except:

  • Gmail App on Android
  • AOL Web Clients
  • Gmail Web Clients
  • Google Apps Web Clients
  • Yahoo! Mail Web Clients

style=”background-color:#eeeeee;” on <body>
Works everywhere except:

  • Android 4.4
  • Yahoo! Mail Web Clients

style=”background-color:#eeeeee;” on <div>
Leaves white padding around entire email in:

  • Outlook 2007
  • Outlook 2010
  • Outlook 2013
  • Outlook 2016