Hotmail woes

I've been using CM for a while with no problems but a customer has just reported errors with hotmail. The file that we are linking to is http://www.williamevans.com/mailer/we-mailer.htm which looks just fine in the majority of email clients, but hotmail renders it thus:



.ExternalClass {border:0;font-family:verdana, sans-serif;font-size:11px;color:#000000;background:#305951;} .ExternalClass #EC_container {width:630px;margin-left:auto;margin-right:auto;} .ExternalClass #EC_header {float:left;width:626px;} .ExternalClass #EC_left-col {width:445px;float:left;} .ExternalClass #EC_left-col p {margin-left:35px;margin-right:10px;line-height:1.3em;margin-bottom:10px;color:#000000;} .ExternalClass #EC_left-col h2 {margin-left:35px;font-size:18px;font-weight:normal;margin-bottom:0px;padding-bottom:15px;color:#000000;} .ExternalClass #EC_left-col h3 {margin-left:35px;font-size:14px;font-weight:normal;color:#000000;padding-top:0px;padding-bottom:0px;margin-bottom:0px;} .ExternalClass .EC_othernews {margin-right:15px;color:#666666;} .ExternalClass #EC_right-col {float:left;width:170px;} .ExternalClass #EC_right-col p {margin-left:15px;margin-right:30px;text-align:left;font-size:11px;} .ExternalClass #EC_right-col h2 {margin-left:15px;margin-right:30px;text-align:left;font-size:13px;color:#000000;} .ExternalClass .EC_clear {clear:both;height:0;} .ExternalClass #EC_content {margin-right:0px;float:left;} .ExternalClass #EC_main {width:630px;float:left;background-repeat:repeat-y;} .ExternalClass h1 {padding-top:0;color:#000000;font-size:16px;padding-bottom:0;font-weight:normal;margin-left:20px;} .ExternalClass h2 {padding-top:0;color:#305951;font-size:16px;padding-bottom:0;font-weight:normal;margin-left:20px;} .ExternalClass .EC_pic {float:right;padding:5px;border:1px solid #CCCCCC;margin-left:5px;} .ExternalClass .EC_box {background-repeat:no-repeat;float:left;height:194px;width:194px;margin-left:10px;margin-bottom:5px;} .ExternalClass #EC_box-top {background-repeat:no-repeat;background-position:right top;padding-top:25px;padding-bottom:0px;} .ExternalClass #EC_footer {clear:both;width:600px;margin-left:15px;padding-top:1px;border-top-width:2px;border-top-style:solid;border-top-color:#000000;} .ExternalClass #EC_footer p {padding-left:20px;} .ExternalClass .EC_caption {display:block;padding-top:5px;} .ExternalClass ul {margin-left:20px;}

and that's all you get. Help!!!

Dave Dave, 9 years ago

Looking at your code, the problem is being caused by the fact that you have an opening comment at the top of your CSS, but you're not closing it at the bottom. Hotmail handles things like this very poorly and is basically commenting out the entire page because it isn't closed in your CSS.

It's an easy fix, just close that comment tag (or remove it altogether) and you'll be fine.

pixelhaus, 9 years ago

Thanks, that did the trick.

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free
1-888-533-8098