TD cell gap in Outlook 2007/10

I've searched around and still not found a solution to this problem.

You can see test results here:
http://cvg.litmusapp.com/pub/4cad176

On the right sidebar there are the gaps next to the link. The blue box is three cell columsn with the left and right being "spacer" cells. There are no spacer images in them.

I have tried so many things and this gap bug always shows up in Outlook 2007 and 2010. Can anyone help me? I could really use it.

Here is the source:

<!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>
<title>Reach</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

</head>
<body style="margin: 0; font-family: Arial, Helvetica, sans-serif;" bgcolor="#193255">
<table cellpadding="0" cellspacing="0" bgcolor="#193255" width="100%"><tr><td>
<table cellspacing="0" border="0" id="Table_01" align="center" style="font-family: Arial, Helvetica, sans-serif;" cellpadding="0" width="583">
    <tr>
        <td style="line-height: 0;" colspan="6">
            <span style="color: #fff;"><a href="http://www.xxxxxxxxxxx.com/reach"><img src="http://mopdogweb.com/_htmlemail/xxxxxxxxxx/1_Reach/images/header.jpg" id="header" height="273" alt="You could be reaching ALL the pet owners in your area with xxxxxxxxxx!" style="border: none; display: block;" width="583" /></a></span></td>
    </tr>
    <tr>
        <td rowspan="2" bgcolor="#FFFFFF" width="27"></td>
        <td rowspan="2" valign="top" bgcolor="#FFFFFF" width="250"><p style="margin-bottom: 12px; font-size: 22px; line-height: 24px; margin-top: 0; color: #646464; padding-top: 0;"><span style="font-size: 16px;">There are</span><br />
            <strong style="color: #8dc63f;">3,402</strong> <span style="color: #5091cd;">pet owners</span> within<br /><strong style="color: #8dc63f;">10 miles</strong> of<br /><span style="color: #5091cd; font-size: 18px;">Brookview Pet Hospital.</span></p>
            <h2 style="color: #8dc63f; font-size: 14px; line-height: 20px; margin-bottom: 10px;">xxxxxxxxxxx is the only self service email marketing system specifically designed for pet professionals. </h2>
            <p style="color: #646464; font-size: 11px; line-height: 16px; margin-bottom: 12px;"><strong style="color: #000;"><em>xxxxxxxxxx Email&trade;</em></strong> is a complete email management tool loaded with all the features email professionals have come to expect. But what really makes xxxxxxxxxxx a work of art is <strong style="color: #000;"><em>xxxxxxxxxxxxx&trade;,</em> a revolutionary new database that gives you the ability to search, narrow and purchase email addresses of pet owners from a national database of over 86 million.</strong> This is the same consumer data large corporations depend on for their marketing efforts. What's more, it's specifically tailored for pet professionals, so it's easy-to-use and priced right for even the most modest marketing budget. </p></td>
        <td rowspan="2" bgcolor="#FFFFFF" width="16"></td>
    </tr>
    <tr>
        <td bgcolor="#DFEEFC" width="17"></td>
        <td valign="top" style="padding-top: 15px; padding-bottom: 15px;" bgcolor="#DFEEFC" width="249"><a href="http://www.xxxxxxx.com/reach" style="font-size: 16px; color: #0090da;">www.xxxxxxxxx.com/reach</a>
            <p style="margin-bottom: 12px; font-weight: bold; font-size: 14px; line-height: 16px; color: #005581;">Powerful benefits for your pet business: </p>
            <table class="benefits" cellspacing="0" border="0" style="color: #000; font-size: 11px; line-height: 16px; margin-bottom: 3px; font-family: Arial, Helvetica, sans-serif;" cellpadding="0">
                <tr>
                    <td width="12" valign="top"><span style="color: #1B8ADA;">&bull;</span></td>
                    <td width="237" valign="top">Find new, qualified customers in your area based on specific criteria </td>
                </tr>
                <tr>
                    <td valign="top"><span style="color: #1B8ADA;">&bull;</span></td>
                    <td valign="top">Import &amp; build email lists</td>
                </tr>
                <tr>
                    <td valign="top"><span style="color: #1B8ADA;">&bull;</span></td>
                    <td valign="top">Create beautiful emails using our                professionally-designed templates</td>
                </tr>
                <tr>
                    <td valign="top"><span style="color: #1B8ADA;">&bull;</span></td>
                    <td valign="top">Easily track email results</td>
                </tr>
                <tr>
                    <td valign="top"><span style="color: #1B8ADA;">&bull;</span></td>
                    <td valign="top">Save money vs. traditional direct mail</td>
                </tr>
            </table>
            <p style="margin-bottom: 12px; font-weight: bold; font-size: 14px; line-height: 16px; color: #005581;"><img src="http://mopdogweb.com/_htmlemail/xxxxxxxxxxx/1_Reach/images/theonly.jpg" height="79" alt="You could be reach ALL the pet owners in your area with xxxxxxxxxxx!" style="border: none; display: block;" width="233" /></p>            
            <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td style="padding-right: 10px;"><a href="http://www.xxxxxxxxxx.com/reach"><img src="http://mopdogweb.com/_htmlemail/xxxxxxxxxx/1_Reach/images/learn-more.gif" height="28" alt="Learn More" style="border: none; display: block;" width="91" /></a></td>
                    <td><a href="http://www.xxxxxxxxxxx.com/reach"><img src="http://mopdogweb.com/_htmlemail/xxxxxxxxx/1_Reach/images/try-free.gif" height="28" alt="Try xxxxxxxxx Email for FREE" style="border: none; display: block;" width="137" /></a></td>
                    </tr>
            </table></td>
        <td bgcolor="#DFEEFC" width="24"></td>
    </tr>
    <tr>
        <td align="center" style="padding-top: 15px;" colspan="11"><p style="color: #646464; font-size: 11px; line-height: 16px; margin-bottom: 12px;"><a href="http://www.xxxxxxxxxxx.com" target="_blank" style="color: #5A85CF; text-decoration: none; font-size: 14px;">www.xxxxxxxxx.com</a></p>
            <p style="color: #646464; font-size: 11px; line-height: 16px; margin-bottom: 12px;"><a href="#" style="color: #4169AF; font-size: 11px; text-decoration: none;">Unsubscribe</a></p></td>
    </tr>
</table>
</td></tr></table>
</body>
</html>
BThies BThies, 6 years ago

Without changing too much, give this a try.  I didn't get a chance to test, but it should work (let me know if it doesn't).

I always advise not using colspans/rowspans - use nested tables wherever possible.  Also, always specify the width of your <td>'s.

<!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>
<title>Reach</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body style="margin:0; font-family: Arial, Helvetica, sans-serif;" bgcolor="#193255">
<table width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#193255" >
  <tr>
    <td align="center"><table width="583" cellpadding="0" cellspacing="0" border="0" id="Table_01" style="font-family: Arial, Helvetica, sans-serif;" >
        <tr>
          <td width="583"><span style="color: #fff;"><a href="http://www.xxxxxxxxxxx.com/reach"><img src="http://mopdogweb.com/_htmlemail/xxxxxxxxxx/1_Reach/images/header.jpg" id="header" height="273" alt="You could be reaching ALL the pet owners in your area with xxxxxxxxxx!" border="0" style="display:block;" width="583" /></a></span> </td>
        </tr>
        <tr>
          <td width="583"><table width="583" cellpadding="0" cellspacing="0" border="0">
              <tr>
                <td bgcolor="#FFFFFF" width="27">&nbsp;</td>
                <td valign="top" bgcolor="#FFFFFF" width="250"><p style="margin-bottom:12px; font-size:22px; line-height: 24px; margin-top:0; color: #646464; padding-top:0;"><span style="font-size: 16px;">There are</span><br />
                    <strong style="color: #8dc63f;">3,402</strong> <span style="color: #5091cd;">pet owners</span> within<br />
                    <strong style="color: #8dc63f;">10 miles</strong> of<br />
                    <span style="color: #5091cd; font-size: 18px;">Brookview Pet Hospital.</span></p>
                    <h2 style="color: #8dc63f; font-size: 14px; line-height: 20px; margin-bottom: 10px;">xxxxxxxxxxx is the only self service email marketing system specifically designed for pet professionals. </h2>
                    <p style="color: #646464; font-size: 11px; line-height: 16px; margin-bottom: 12px;"><strong style="color: #000;"><em>xxxxxxxxxx Email&trade;</em></strong> is a complete email management tool loaded with all the features email professionals have come to expect. But what really makes xxxxxxxxxxx a work of art is <strong style="color: #000;"><em>xxxxxxxxxxxxx&trade;,</em> a revolutionary new database that gives you the ability to search, narrow and purchase email addresses of pet owners from a national database of over 86 million.</strong> This is the same consumer data large corporations depend on for their marketing efforts. What's more, it's specifically tailored for pet professionals, so it's easy-to-use and priced right for even the most modest marketing budget.</p></td>
                <td bgcolor="#FFFFFF" width="16">&nbsp;</td>
                <td bgcolor="#DFEEFC" width="17">&nbsp;</td>
                <td valign="top" bgcolor="#DFEEFC" width="249"><div style="font-size:12px; line-height:15px;">&nbsp;</div>
                  <a href="http://www.xxxxxxx.com/reach" style="font-size:16px; color:#0090da;">www.xxxxxxxxx.com/reach</a>
                  <p style="margin-bottom:12px; font-weight:bold; font-size:14px; line-height:16px;color:#005581;">Powerful benefits for your pet business: </p>
                  <table class="benefits" cellspacing="0" border="0" style="color: #000000; font-size: 11px; line-height: 16px;font-family: Arial, Helvetica, sans-serif;" cellpadding="0">
                    <tr>
                      <td width="12" valign="top"><span style="color: #1B8ADA;">&bull;</span></td>
                      <td width="237" valign="top">Find new, qualified customers in your area based on specific criteria </td>
                    </tr>
                    <tr>
                      <td valign="top"><span style="color: #1B8ADA;">&bull;</span></td>
                      <td valign="top">Import &amp; build email lists</td>
                    </tr>
                    <tr>
                      <td valign="top"><span style="color: #1B8ADA;">&bull;</span></td>
                      <td valign="top">Create beautiful emails using our professionally-designed templates</td>
                    </tr>
                    <tr>
                      <td valign="top"><span style="color: #1B8ADA;">&bull;</span></td>
                      <td valign="top">Easily track email results</td>
                    </tr>
                    <tr>
                      <td valign="top"><span style="color: #1B8ADA;">&bull;</span></td>
                      <td valign="top">Save money vs. traditional direct mail</td>
                    </tr>
                  </table>
                  <div style="font-size:3px; line-height:3px;">&nbsp;</div>
                  <div align="left" style="font-weight:bold; font-size:14px; line-height:16px; color:#005581;"><img src="http://mopdogweb.com/_htmlemail/xxxxxxxxxxx/1_Reach/images/theonly.jpg" height="79" alt="You could be reach ALL the pet owners in your area with xxxxxxxxxxx!" border="0" style="display:block;" width="233" /></div>
                  <div style="font-size:9px; line-height:12px;">&nbsp;</div>
                  <table width="249" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="91"><a href="http://www.xxxxxxxxxx.com/reach"><img src="http://mopdogweb.com/_htmlemail/xxxxxxxxxx/1_Reach/images/learn-more.gif" height="28" alt="Learn More" border="0" style="display:block;" width="91" /></a></td>
                      <td width="10">&nbsp;</td>
                      <td width="137"><a href="http://www.xxxxxxxxxxx.com/reach"><img src="http://mopdogweb.com/_htmlemail/xxxxxxxxx/1_Reach/images/try-free.gif" height="28" alt="Try xxxxxxxxx Email for FREE" border="0" style="display:block;" width="137" /></a></td>
                      <td width="11">&nbsp;</td>
                    </tr>
                  </table>
                  <div style="font-size:12px; line-height:15px;">&nbsp;</div></td>
                <td bgcolor="#DFEEFC" width="24">&nbsp;</td>
              </tr>
            </table></td>
        </tr>
        <tr>
          <td width="583" align="center"><div style="font-size:12px; line-height:15px;">&nbsp;</div>
            <p style="color: #646464; font-size: 11px; line-height: 16px; margin-bottom: 12px;"><a href="http://www.xxxxxxxxxxx.com" target="_blank" style="color: #5A85CF; text-decoration: none; font-size: 14px;">www.xxxxxxxxx.com</a></p>
            <p style="color: #646464; font-size: 11px; line-height: 16px; margin-bottom: 12px;"><a href="#" style="color: #4169AF; font-size: 11px; text-decoration: none;">Unsubscribe</a></p></td>
        </tr>
      </table></td>
  </tr>
</table>
</body>
</html>

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