outlook 2007 adding space

Hi,

I've got a specific problem with outlook 2007 - it is adding space between two tables and I've tried everything to remove it, but with no joy. needless to say it works fine all other email clients - any thoughts would be much appreciated.

you can see the unwanted space in the green sidebars (they should be continuous).

a code snippet illustrating this is below:

<html lang="en">
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <title>David Tyler - Newsletter 1</title>
   
</head>
<body style="background-color:#fff;margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-family:Arial, Helvetica, sans-serif;" >
<table width="100%" cellspacing="0" cellpadding="0" bgcolor="#f5f6f4">
   <tr>
      <td align="center">
         <table width="600" cellspacing="0" cellpadding="0">
            <tr>
               <td align="center" class="permission" style="font-family:Arial, Helvetica, sans-serif;font-size:10px;color:#666666;padding-top:30px;padding-bottom:10px;padding-right:0;padding-left:0;" >
                  <p style="margin-top:0;margin-bottom:4px;margin-right:0;margin-left:0;" >You're receiving this newsletter as you signed up at <a href="http://davidtyler.createsend3.com/t/r/l/trkldk/xjlltjdr/r" name="top" style="border-style:none;color:#333333;" >www.tylerwebdesign.co.uk. </a>
                  You can <unsubscribe style="border-style:none;color:#333333;" >Unsubscribe Instantly</unsubscribe>. </p>
                  <p style="margin-top:0;margin-bottom:4px;margin-right:0;margin-left:0;" >Having trouble reading this email? <webversion style="border-style:none;color:#333333;" >View it in your browser</webversion>.</p>
               </td>
            </tr>
         </table>
      </td>
   </tr></table>
   <table width="100%" cellspacing="0" cellpadding="0" border="0" bgcolor="#f5f6f4">
   <tr>
      <td align="center">       
      <table class="body" width="600" cellpadding="0" cellspacing="0"> 
       
            <tr>
            <td bgcolor="#6F9A19" width="18"><img src="http://davidtyler.createsend3.com/ei/r/EA/E3F/9A6/wwwtylerwebdesigncouk/images/sidespacer.gif" width="18" height="2">   </td>
            <td colspan="2"><img src="http://davidtyler.createsend3.com/ei/r/EA/E3F/9A6/wwwtylerwebdesigncouk/images/hr.gif" width="534" height="16" style="border:0; padding:0; margin:0;"></td>
           <td bgcolor="#6F9A19" width="18"><img src="http://davidtyler.createsend3.com/ei/r/EA/E3F/9A6/wwwtylerwebdesigncouk/images/sidespacer.gif" width="18" height="2">   </td></tr>
           
            <tr> 
            <td bgcolor="#6F9A19" width="18"><img src="http://davidtyler.createsend3.com/ei/r/EA/E3F/9A6/wwwtylerwebdesigncouk/images/sidespacer.gif" width="18" height="2">   </td>           
              <td align="left" valign="top" width="336" class="mainbar" border="0" style="padding-top:0;padding-bottom:20px;padding-right:0;padding-left:14px;" >
                  
                  
                  
                  <h2 style="font-family:Arial, Helvetica, sans-serif;font-size:16px;color:#6d9917;margin-top:10px;margin-bottom:16px;margin-right:0;margin-left:0;width:329px;" >In The Spotlight</h2>
                <span class="mainbar" style="padding-top:0;padding-bottom:20px;padding-right:0;padding-left:14px;"><img src="http://davidtyler.createsend3.com/ei/r/EA/E3F/9A6/wwwtylerwebdesigncouk/images/seopic2.jpg" width="292" height="108" style="float:left;padding-top:5px;padding-bottom:10px;padding-right:5px;padding-left:5px;border-width:1px;border-style:solid;border-color:#dedede;" ></span>
              
                  
                 
                 
               </td>
               
               <td align="center" valign="top" width="225" class="sidebar" style="padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;" >
                  
               </td>
               <td bgcolor="#6F9A19" width="18"><img src="http://davidtyler.createsend3.com/ei/r/EA/E3F/9A6/wwwtylerwebdesigncouk/images/sidespacer.gif" width="18" height="2"></td>
            </tr>
            
            
         </table>
      </td>
   </tr>
</table>
</body>
</html>
jillsmith, 7 years ago

did you ever find a solution to this?

BThies BThies, 7 years ago

>>> Adjacent <TD>'s must have the same padding in Outlook 2007 <<<
Although some have found that it doesn't always cause a problem with left and right padding, top and bottom can cause unwanted spaces.

The entire row containing your "In the Spotlight" section has <TD>'s with different padding.  Fix this, and it should solve your problem.

Also, be careful where you stick padding & margins - as many email clients are picky as to what tag they're compatible with.  I had a previous post that outlined padding, margins and tables, and what's supported.


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