Yahoo Beta Mail not rendering HTML, comes up as a blank email

How's it going everyone?

Has anyone tried out the new Yahoo Beta Mail?

I'm working with a client who is sending out emails from their own ESP and when it hits the inbox there's nothing in the viewing pane. No images, no background color, no nothing - it's completely blank.

The client is viewing this on the following environment: Mac OSX, Chrome
I have checked the email in pretty much all of the available platforms and and still the email is coming in as blanks.

Thoughts, comments, and additional questions are welcomed.

- E-N

Updated: Added in source code, removed my client's name for the sake of privacy :)

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
.ReadMsgBody{ width: 100%; } /* fix for the "new" windows live email client */
.ExternalClass { width: 100%; } /* fix for the "new" windows live email client */
.funFact a { color:#FFFFFF; }
</style>
</head>
<body style="margin:0px;" bgcolor="#dddddd">
<table width="100%" border="0" cellspacing="0" cellpadding="0" id="backgroundColor">
  <tr>
    <td align="center" valign="top" bgcolor="#dddddd" style="padding:15px 0;">
    
        <table width="610" border="0" cellspacing="0" cellpadding="0" align="center">
          <tr>
            <td valign="top" id="logoRow" style="font-family:Georgia, 'Times New Roman', Times, serif; font-size:21px; color:#5b5b5b;">&nbsp;</td>
          </tr>
          <tr>
            <td valign="top" bgcolor="#FFFFFF" style="padding:20px 0 0 0; text-align:center; font-family:Georgia, 'Times New Roman', Times, serif; color:#cc0000; font-size:30px; letter-spacing:5px;">GREETINGS, $NAME_UPPER_HTML$!</td>
          </tr>
          <tr>
            <td valign="top" bgcolor="#FFFFFF" style="padding:15px 0 0 0; text-align:center; font-family:Georgia, 'Times New Roman', Times, serif; font-size:25px; color:#343333; line-height:27px;"><i>We sent your  eCard to:</i><br>
              <br>
              <span style="font-size:22px;">$RECIPIENTEMAIL_HTML$</span></td>
          </tr>
          <tr>
            <td valign="top" bgcolor="#FFFFFF" style="padding:27px 0 0 0; text-align:center; font-family:Georgia, 'Times New Roman', Times, serif; font-size:9px; color:#333333; letter-spacing:3px;">CLICK HERE TO VIEW IT:</td>
          </tr>
          <tr>
            <td align="center" bgcolor="#FFFFFF" style="padding:10px 0 0 0;"><a href="$VIEWURL$"><img src="$THUMBNAIL_URL$" width="170" height="126" border="0" style="display:block;"></a></td>
          </tr>
          <tr>
            <td valign="top" bgcolor="#FFFFFF" style="padding:20px 0 0 0; text-align:center; font-family:Georgia, 'Times New Roman', Times, serif; font-size:16px; color:#cc3333; font-style:italic;"><a href="$VIEWURL$" target="_blank" style="color:#cc3333;">$VIEWURL$</a></td>
          </tr>
          <tr>
            <td valign="top" bgcolor="#FFFFFF" style="padding:20px 0 0 0; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#757575;">To track your eCard emailing stats, <br>
              just click the &quot;Track this eCard&quot; link on your My Account page here: <br>
              <a href="$MYECARDSLINK$" target="_blank" style="color:#757575;"><font color="#757575">$MYECARDSLINK$</font></a></td>
          </tr>
          <tr>
            <td valign="top" bgcolor="#FFFFFF" style="padding:30px 0 0 0; font-family:Georgia, 'Times New Roman', Times, serif; font-size:13px; text-align:center; color:#595959; letter-spacing:5px; font-weight:bold;">......</td>
          </tr>
          <tr>
            <td valign="top" bgcolor="#FFFFFF" style="padding:20px 0 60px 0; text-align:center; font-family:Georgia, 'Times New Roman', Times, serif; font-size:13px; color:#333333; letter-spacing:3px;">&nbsp;<!-- this space left blank intentaionlly --></td>
          </tr>
          <tr>
            <td valign="middle" bgcolor="#eeeeee" height="43" style="border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; padding:0 0 0 26px;"><!-- this space left blank intentionally --></td>
          </tr>
          <tr>
            <td valign="top" style="border-top:1px solid #eeeeee; padding:27px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; text-align:center;"><!-- this space left blank intentionally --></td>
          </tr>
        </table>
    
    </td>
  </tr>
</table>
</body>
</html>
Diana Diana, 5 years ago

Without seeing the code it's tough to say what might be going on, but to take a wild stab at it, look for any open tags, especially comment tags.


~*~~*~~*~~*~
D. Potter
Campaign Monitor
BThies BThies, 5 years ago

Took a look at the beta and all previous email tests still display correctly.

Try using Firebug in Firefox to inspect the various elements.  You can adjust code on the fly and see what's breaking.  (Also, could be your deployment service as I noticed those weren't CM tags being used).

BTW, not sure if it matters in this case since Yahoo tends to strip down the head anyway, but I typically use the following at the top:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Brian Thies
Professional Email Developer
Thies Publishing

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