Problems with HTML Email in Gmail

Tried everything I know but can't seem to fix this.  When I test the following Email on my iPhone, on my iPad, on my Comcast Account, and on my desktop using Thunderbird, it looks reasonably fine (except for some minor tweaking). But when I check it in Gmail on my desktop, my tables are all over the place. I know I'm missing something, just don't know what it is.

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Moebs Webinar Template</title>
</head>

<body>

<div align="center">
  <table border="1" cellpadding="0" cellspacing="0" width="685" height="669">
    <tr>
      <td width="637" height="667">
         <div align="center">
          <center>
         <table border="0" cellpadding="0" cellspacing="0" width="693" height="564">
            <tr>
              <td width="26" height="24" bgcolor="#FFFFFF">
                &nbsp;
              </td>
          </center>
              <td width="574" height="24" bgcolor="#FFFFFF" colspan="2">
                <p align="right">
                <webversion><font size="2" color="#000000" face="Calibri">View this message in your browser</font></webversion>
                </p>
              </td>
          <center>
              <td width="34" height="24" bgcolor="#FFFFFF">
                &nbsp;
              </td>
            </tr>
            <tr>
              <td width="26" height="1" bgcolor="#FFFFFF">
                &nbsp;
              </td>
              <td width="307" height="1" bgcolor="#FFFFFF">
                &nbsp;
              </td>
              <td width="275" height="1" bgcolor="#FFFFFF">
                &nbsp;
              </td>
              <td width="34" height="1" bgcolor="#FFFFFF">
                &nbsp;
              </td>
            </tr>
            <tr>
              <td width="26" height="54" bgcolor="#FFFFFF">
                &nbsp;
              </td>
              <td width="307" height="54" bgcolor="#006600" style="padding-left: 10; padding-right: 10">
                <font face="Calibri" color="#FFFFFF" size="6"><b>webinar </b>INVITATION&nbsp;</font>
              </td>
          </center>
              <td width="275" height="54" bgcolor="#006600" style="padding-left: 10; padding-right: 10">
                <p align="right"><i><font face="Calibri" color="#FFFFFF" size="4"><b>MOEBS
                SERVICES</b></font></i>
              </td>
          <center>
              <td width="34" height="54" bgcolor="#FFFFFF">
                &nbsp;
              </td>
            </tr>
            <tr>
              <td width="333" height="605" bgcolor="#FFFFFF" colspan="2">
                <div align="center">
                  <center>
                  <table border="0" cellpadding="0" cellspacing="0" width="130%" height="326">
                    <tr>
                      <td width="26" height="25" valign="top"></td>
                      <td width="307" height="25" valign="top"><b><font face="Calibri" size="5" color="#006A35">Fee
                        Revenue: Untapped Sources</font></b></td>
                    </tr>
                    <tr>
                      <td width="26" height="1" valign="top">
                      </td>
                      <td width="307" height="1" valign="top">
                      </td>
                    </tr>
                    <tr>
                      <td width="26" height="41" valign="top"></td>
                      <td width="307" height="41" valign="top"><font face="Calibri" color="#000000" size="3">Join
                        us for Moebs Services August 26th webinar&nbsp;<b><br>
                        Fee Revenue: Untapped Resources</b></font>
                        <p><font face="Calibri" color="#000000" size="3">We'll
                        report on the results of our June, 2014<br>
                        survey of 2,800+ Financial Institutions and review<br>
                        the impact of high consumer liquidity and the&nbsp;<br>
 Fed's monetary stance on Fee Revenue.</font></p>
                        <p><font face="Calibri" color="#000000" size="3">Our
                        live webinar features dynamic speakers Mike<br>
                        Moebs, CEO and Chief Economist and Moebs<br>
                        Services and J.V. Proesel, Director of Client<br>
                        Services and Chief Compliance Officer.</font></p>
                        <p><font face="Calibri" color="#000000" size="3">You'll
                        take away information on&nbsp;<br>
                        &nbsp;</font></p>
                      </td>
                    </tr>
                    <tr>
                      <td width="26" height="63" valign="top"></td>
                      <td width="307" height="63" valign="top">
                      <table border="0" cellpadding="0" cellspacing="0" width="100%" height="141">
                        <tr>
                          <td width="8%" align="center" valign="top" height="40">&bull;</td>
                          <td width="92%" valign="top" height="40"><font face="Calibri" color="#000000" size="3">Consumer
                            Uses of Checking Accounts and<br>
                            the impact on Fee Revenue;</font><font face="Calibri" color="#000000" size="3">&nbsp;</font></td>
                        </tr>
                        <tr>
                          <td width="8%" align="center" valign="top" height="42">&bull;</td>
                          <td width="92%" valign="top" height="42"><font face="Calibri" color="#000000" size="3">Reloadable
                            Prepaid Card and its Revenue<br>
                            potential and&nbsp;</font></td>
                        </tr>
                        <tr>
                          <td width="8%" align="center" valign="top" height="59">&bull;
                            <p>&nbsp;</td>
                          <td width="92%" valign="top" height="59"><font face="Calibri" color="#000000" size="3">How
                            the competition is using balances and&nbsp;<br>
                            caps in their Fee pricing strategies.</font><font face="Calibri" color="#000000" size="3">&nbsp;</font></td>
                        </tr>
                      </table>
                      </td>
                      <td width="1%" valign="top" align="left" height="63">
                      </td>
                    </tr>
                    <tr>
                      <td width="26" height="20" valign="top"></td>
                      <td width="307" height="20" valign="top"><font face="Calibri" color="#000000" size="3">Moebs
                        Services Webinar on <b>Fee Revenue:<br>
                        Untapped Sources</b> will give you options,&nbsp;<br>
                        techniques and insights to get Fee Revenue<br>
                        working for you.</font>
                        <p><font face="Calibri" color="#000000" size="3">This is
                        a not-to-miss Webinar if you want of need<br>
                        more revenue in 2015.<br>
                        &nbsp;</font></td>
                    </tr>
                    <tr>
                      <td width="26" height="46" valign="middle"></td>
                  </center>
          </center>
                      <td width="307" height="46" valign="middle" style="padding-left: 50">
                        <p><a href="http://www.moebs.com/FeeRevenueUntaped%20Sources.aspx"><img border="0" src="Job # 1317 FEE Webinar Email #3/RegisterandLearnMoreButton.jpg"><br>
                        </a>&nbsp;</td>
                    </tr>
          <center>
                  <center>
                    <tr>
                      <td width="26" height="65" valign="top"></td>
                      <td width="307" height="65" valign="top"> <font face="Calibri" color="#000000" size="3">Or
                        contact Victoria Mier at <a href="mailto:victoria@moebs.com"><font color="000000">Victoria@Moebs.com</font></a><br>
                        or 1-800-237-3317 ext. 17</font>
                        <p><font face="Calibri" color="#000000" size="3">Moebs
                        Services reports and engages the&nbsp;<br>
                        audience in <b>an interactive presentation <i>unlike<br>
                        any other.</i></b></font></p>
 </td>
                    </tr>
                  </center>
                    <tr>
                      <td width="26" height="65" valign="top"></td>
                      <td width="307" height="65" valign="top"> </td>
                    </tr>
                  </table>
                </div>
              </center>
              </td>
              <td width="307" height="605" bgcolor="#FFFFFF" valign="top" colspan="2">
                <div align="center">
                  <center>
                  <table border="0" cellpadding="0" cellspacing="0" width="341" height="139" style="padding-left: 5; padding-right: 5">
                    <tr>
                      <td width="23" height="3" valign="top"></td>
                      <td width="252" valign="top" bgcolor="#006A35">&nbsp;
                      </td>
                      <td width="34" valign="top" bgcolor="#FFFFFF" rowspan="12">&nbsp;
                      </td>
                    </tr>
                    <tr>
                      <td width="23" height="51" valign="top"></td>
                      <td width="252" valign="middle" bordercolor="#000000" style="border-style: solid; border-width: 1">
                        <p align="center"><font face="Calibri" size="4"><b>WEBINAR
                        DETAILS</b></font></p>
                      </td>
                    </tr>
                    <tr>
                      <td width="23" height="3" valign="top" style="padding-left: 5; padding-right: 5"></td>
                      <td width="252" valign="top" bgcolor="#006A35" style="padding-left: 5; padding-right: 5"><font face="Calibri" size="3" color="#FFFFFF"><b><br>
                        Topic: </b>Fee Revenue: Untapped<br>
                        Sources<br>
                        <br>
                        <b>Date: </b>Tuesday, August 26, 2014<br>
                        <br>
                        <b>Time: </b>2:00 PM CDT<br>
                        <br>
                        <b>Duration: </b>60 Minutes<br>
                        <br>
                        <b>Cost: $289 </b>per site<br>
                        &nbsp;</font></td>
                    </tr>
                    <tr>
                      <td width="23" height="11" valign="top"></td>
                      <td width="252" valign="top" bgcolor="#006A35" style="padding-left: 5; padding-right: 5"><font face="Calibri" size="3" color="#FFFFFF"><i>Discover
                        untapped sources of net&nbsp;<br>
 fee revenue, learn what to
                        budget<br>
                        for 2015 and find out if you should<br>
                        change your fee prices<br>
                        &nbsp;</i></font></td>
                    </tr>
                    <tr>
                      <td width="23" height="20" valign="top"></td>
                      <td width="252" valign="top" bgcolor="#006A35" style="padding-left: 5; padding-right: 5"><font face="Calibri" size="3" color="#FFFFFF">Recording
                        &amp; Slides available at<br>
                        price for review when you want.<br>
                        &nbsp;</font></td>
                    </tr>
                    <tr>
                      <td width="23" height="20" valign="top"></td>
                      <td width="252" valign="top" bgcolor="#006A35" style="padding-left: 5; padding-right: 5">
                        <p align="center"><font face="Calibri" size="4" color="#FFFFFF"><a href="http://www.moebs.com/FeeRevenueUntappedSources.aspx"><font color="ffffff">Register
                        Now</font></a></font>
                        <hr noshade color="#000000">
                      </td>
                    </tr>
                    <tr>
                      <td width="23" height="20" valign="top"></td>
                      <td width="252" valign="top" bgcolor="#006A35">
                        <table border="0" cellpadding="0" cellspacing="0" width="100%" height="115">
                          <tr>
                            <td width="100%" colspan="2" height="29" style="padding-left: 5; padding-right: 5">
                              <p align="center"><font face="Times New Roman" size="3" color="#FFFFFF"><b>Presenters:</b></font></td>
                          </tr>
                          <tr>
                            <td width="43%" height="20" style="padding-left: 5; padding-right: 5"><img border="0" src="Job # 1317 FEE Webinar Email #3/MikeMoebs.jpg"></td>
                            <td width="57%" height="20" style="padding-left: 5; padding-right: 5"><img border="0" src="Job # 1317 FEE Webinar Email #3/JVProesel.jpg"></td>
                          </tr>
                          <tr>
                            <td width="43%" style="padding-left: 5; padding-right: 5" height="66" valign="top"><font face="Calibri" size="3" color="#FFFFFF"><b>Mike
                              Moebs<br>
                              </b></font><font face="Calibri" color="#FFFFFF" size="2">CEO<br>
                              Chief Economist</font></td>
                            <td width="57%" style="padding-left: 5; padding-right: 5" height="66" valign="top"><font face="Calibri" size="3" color="#FFFFFF"><b>JV
                              Proesel<br>
                              </b></font><font face="Calibri" color="#FFFFFF" size="2">Director
                              Client Services<br>
                              Chief Compliance Officer</font></td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                    <tr>
                      <td width="23" height="20" valign="top"></td>
                      <td width="252" valign="top" bgcolor="#006A35"></td>
                    </tr>
                    <tr>
                      <td width="23" height="31" valign="middle" style="padding-left: 5; padding-right: 5"></td>
                  </center>
                      <td width="252" valign="middle" bgcolor="#006A35" style="padding-left: 5; padding-right: 5"><b><font face="Times New Roman" size="3" color="#FFFFFF">Moderator:</font></b></td>
                    </tr>
          <center>
                  <center>
                    <tr>
                      <td width="23" height="26" valign="top" style="padding-left: 5; padding-right: 5"></td>
                      <td width="252" valign="top" bgcolor="#006A35" style="padding-left: 5; padding-right: 5"><img border="0" src="Job # 1317 FEE Webinar Email #3/VictoriaMier.jpg"></td>
                    </tr>
                    <tr>
                      <td width="23" height="26" valign="top" style="padding-left: 5; padding-right: 5"></td>
                      <td width="252" valign="top" bgcolor="#006A35" style="padding-left: 5; padding-right: 5"><font face="Calibri" size="3" color="#FFFFFF"><b>Victoria
                        Mier</b></font></td>
                    </tr>
                    <tr>
                      <td width="23" height="20" valign="top"></td>
                      <td width="252" valign="top" bgcolor="#006A35">&nbsp;</td>
                    </tr>
                  </table>
                  </center>
                </div>
                </center>
              </td>
            </tr>
         <tr>
              <td width="26" height="24" bgcolor="#FFFFFF">
                &nbsp;
              </td>
              <td width="574" height="24" bgcolor="#FFFFFF" colspan="2">
                <u><b><font face="Calibri" size="2">About Moebs Services</font></b></u>
                <p><b><font face="Calibri" size="2">Since 1983, Moebs Services
                independently collects statistically significant, primary
                empirical&nbsp;<br>
 data about financial institutions' services, pricing, operating expenses
                and financial condition and&nbsp;<br>
 analyzes the data in a counter intuitive manner, which provides&nbsp; solutions
                that make sense.&nbsp; For&nbsp;<br>
 more information please visit <a href="http://www.moebs.com">www.moebs.com</a> or
                contact Victoria Mier at <a href="mailto:Victoria@Moebs.com">Victoria@Moebs.com</a>
                &nbsp;<br>
                or 1-800-237-3317 ext. 17</font></b>
              </td>
              <td width="34" height="24" bgcolor="#FFFFFF">
                &nbsp;
              </td>
         </tr>
            <tr>
              <td width="317" height="18" bgcolor="#FFFFFF" colspan="2" valign="top">
                &nbsp;
              </td>
              <td width="317" height="18" bgcolor="#FFFFFF" valign="top" colspan="2">
                &nbsp;
              </td>
            </tr>
         <tr>
              <td width="26" height="24" bgcolor="#FFFFFF">
                &nbsp;
              </td>
              <td width="307" height="24" bgcolor="#FFFFFF" <font face="Calibri" size="2" color="#000000"><font face="Calibri" size="2"><unsubscribe><font color="#000000">Unsubscribe</font></unsubscribe>
                </font>
                &nbsp;
              </td>
              <td width="275" height="24" bgcolor="#FFFFFF">
                <p align="right">&nbsp;<font face="Calibri" size="2"><forwardtoafriend><font color="#000000">Forward
                to a Colleague</font></font></forwardtoafriend>
              </td>
              <td width="34" height="24" bgcolor="#FFFFFF">
                &nbsp;
              </td>
         </tr>
         <tr>
              <td width="26" height="24" bgcolor="#FFFFFF">
                &nbsp;
              </td>
              <td width="574" height="24" bgcolor="#FFFFFF" colspan="2">
                <p align="center"<font face="Calibri" size="2" color="#000000">&copy;
                <font face="Calibri" size="3"> 2014 Moebs
                $ervices. All Rights Reserved.</font></p>
              </td>
              <td width="34" height="24" bgcolor="#FFFFFF">
                &nbsp;
              </td>
         </tr>
            <tr>
              <td width="637" height="30" bgcolor="#FFFFFF" colspan="4" valign="middle">
                &nbsp;
              </td>
            </tr>
          </table>
         </div>
      </td>
    </tr>
  </table>
</div>

</body>

</html>
nicolemerlin nicolemerlin, 2 years ago

Hi rwthoroe,

At a glance I'd suggest a few things. First of all, there seem to be <center> and </center> tags littered throughout the code, in some cases opening before a table, and then closing after a <td> tag. This could be confusing Gmail, so I'd suggest going through and removing all those tags.

I'd also suggest running it through the W3C validator tool to pick up any other broken tags. You can copy & paste your code in here to do this.

And finally, I'd suggest using the XHTML 1.0 Transitional DOCTYPE with UTF-8 encoding.

Replace everything up to the <body> tag with this:

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Moebs Webinar Template</title>
</head>
<body>

Let us know how you go!

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