Improved background color for email

Now covers Windows 10 Mail Closes out #149
emailmonday · Feb 21, 2018 · ff017ba · ff017ba
1 parent 4aa8840
commit ff017ba
Show file tree

Hide file tree

Showing 4 changed files with 314 additions and 284 deletions.
diff --git a/cerberus-fluid.html b/cerberus-fluid.html
@@ -166,8 +166,13 @@
     <![endif]-->
 
 </head>
-<body width="100%" bgcolor="#222222" style="margin: 0; mso-line-height-rule: exactly;">
+<body width="100%" style="margin: 0; mso-line-height-rule: exactly;">
     <center style="width: 100%; background: #222222; text-align: left;">
+    <!--[if mso | IE]>
+    <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="#222222">
+    <tr>
+    <td>
+    <![endif]-->
 
         <!-- Visually Hidden Preheader Text : BEGIN -->
         <div style="display: none; font-size: 1px; line-height: 1px; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden; mso-hide: all; font-family: sans-serif;">
@@ -357,6 +362,11 @@ <h2 style="margin: 0 0 10px 0; font-family: sans-serif; font-size: 18px; line-he
         </table>
         <!-- Full Bleed Background Section : END -->
 
+    <!--[if mso | IE]>
+    </td>
+    </tr>
+    </table>
+    <![endif]-->
     </center>
 </body>
 </html>
diff --git a/cerberus-hybrid.html b/cerberus-hybrid.html
@@ -199,8 +199,13 @@
     <![endif]-->
 
 </head>
-<body width="100%" bgcolor="#222222" style="margin: 0; mso-line-height-rule: exactly;">
+<body width="100%" style="margin: 0; mso-line-height-rule: exactly;">
     <center style="width: 100%; background: #222222; text-align: left;">
+    <!--[if mso | IE]>
+    <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="#222222">
+    <tr>
+    <td>
+    <![endif]-->
 
         <!-- Visually Hidden Preheader Text : BEGIN -->
         <div style="display: none; font-size: 1px; line-height: 1px; max-height: 0px; max-width: 0px; opacity: 0; overflow: hidden; mso-hide: all; font-family: sans-serif;">
@@ -702,6 +707,11 @@ <h2 style="margin: 0 0 10px 0; font-family: sans-serif; font-size: 18px; line-he
         </table>
         <!-- Full Bleed Background Section : END -->
 
+    <!--[if mso | IE]>
+    </td>
+    </tr>
+    </table>
+    <![endif]-->
     </center>
 </body>
 </html>