Outlook 2007 is adding unwanted spacing...

I can not seem to be able to resolve the spacing issue on Outlook 2007. If the email is viewed on other email clients (gmail, yahoo mail, entourage) it displays correct. Please help.

<!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>NY EMAIL NEWSLETTER </title>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
    
   </head>
    <body>
    <table cellspacing="0" cellpadding="0" width="725" bgcolor="#ffffff" align="center" border="0" style="border:none; display:block;">
    
        <tr height="10px" valign="baseline" style="margin: 0; padding: 0; text-align:center; display:block; font-family:Verdana; font-size:10px;"> <td width="725">This email doesn't look right, <a href="http://www.grassroots-events.com/">view it in your browser</a>.</td></tr>
        
        <tr style="display:block; margin: 0; padding: 0;"  height="5px"> <td width="725">&nbsp;</td></tr>
        
        <tr style="display:block; margin: 0; padding: 0;">
        
        <td width="725">

            <table cellspacing="0" cellpadding="0" width="725" bgcolor="#EFF3F6" align="center" border="0" style="margin: 0; padding: 0; display:block; border-top:none; border-left:1px solid #969696;border-right:1px solid #969696;border-bottom:1px solid #969696;">
            
                    <tr height="41px" valign="top" bgcolor="#EFF3F6" style="border-collapse:collapse; display:block;">
                        <td width="725px" height="41px" valign="top" align="center" style="border:none;"><img src="NYemail_mockup.png" alt="Grass Roots Newsletter" width="725" height="41" style="border:none; font-family: Arial; font-size:10px; color:#44494F;"/></td>
                   </tr>
                   
                   <tr height="45px" valign="top" bgcolor="#EFF3F6" style="border-collapse:collapse; display:block;">
                        <td width="380px" height="45px" valign="top" align="right" style="border:none;"> <a href="http://www.grassroots-events.com/"><img src="emaillogo-gr-events.png" alt="Grass Roots, Events Logo" width="360" height="45" style="border:none; text-decoration:none; border:none; font-family: Arial; font-size:10px; color:#44494F;"/></a> </td>
                        <td width="260px" height="45px" valign="middle" style="border:none; text-align:right; font-family:Verdana; font-size:11px; color:#575A5D;">Issue 1   |   May 2011</td>
                        <td width="85px" height="45px" valign="middle" align="center" style="border:none;"> <a href="http://twitter.com/#!/barrykrichards"><img src="icon-twitter.gif" alt="Twitter Icon" width="24" height="24" style="border:none; text-decoration:none;"/></a></td>
                   </tr>
                   
                   <tr style="display:block;" height="15px"> <td>&nbsp;</td></tr>
                   
                    <tr height="45px" valign="bottom" bgcolor="#EFF3F6" style="border-collapse:collapse; display:block;">
                        <td width="78px" height="45px" valign="bottom" style="border:none;" bgcolor="#EFF3F6"><a href="http://www.grassroots-events.com/"><img src="NYemail_mockup_home.png" alt="Home" width="78" height="45" style="border:none; text-decoration:none; font-family: Arial; font-size:10px; color:red;"/></a></td>
                        <td width="117px" height="45px" valign="bottom" style="border:none;" bgcolor="#EFF3F6"><a href="http://www.grassroots-events.com/our-expertise/"><img src="NYemail_mockup_experts.png" alt="Our Expertise" width="117" height="45" style="border:none; text-decoration:none; font-family: Arial; font-size:10px; color:red;"/></a></td>
                        <td width="114px" height="45px" valign="bottom" style="border:none;" bgcolor="#EFF3F6"><a href="http://www.grassroots-events.com/our-clients/"><img src="NYemail_mockup_clients.png" alt="Our Clients" width="114" height="45" style="border:none; text-decoration:none; font-family: Arial; font-size:10px; color:red;"/></a></td>
                        <td width="101px" height="45px" valign="bottom" style="border:none;" bgcolor="#EFF3F6"><a href="http://www.grassroots-events.com/our-roots/"><img src="NYemail_mockup_roots.png" alt="Our Roots" width="101" height="45" style="border:none; text-decoration:none; font-family: Arial; font-size:10px; color:red;"/></a></td>
                        <td width="101px" height="45px" valign="bottom" style="border:none;" bgcolor="#EFF3F6"><a href="http://www.grassroots-events.com/our-people/"><img src="NYemail_mockup_people.png" alt="Our People" width="101" height="45" style="border:none; text-decoration:none; font-family: Arial; font-size:10px; color:red;"/></a></td>
                        <td width="98px" height="45px" valign="bottom" style="border:none;" bgcolor="#EFF3F6"><a href="http://www.grassroots-events.com/our-news/"><img src="NYemail_mockup_news.png" alt="Our News" width="98" height="45" style="border:none; text-decoration:none; font-family: Arial; font-size:10px; color:red;"/></a></td>
                        <td width="116px" height="45px" valign="bottom" style="border:none;" bgcolor="#EFF3F6"><a href="http://www.grassroots-events.com/contact-us/"><img src="NYemail_mockup_contact.png" alt="Contact Us" width="116" height="45" style="border:none; text-decoration:none; font-family: Arial; font-size:10px; color:red;"/></a></td>
                   </tr>
                  
                   <tr style="display:block;" height="15px"> <td>&nbsp;</td></tr>
                   
                   <tr valign="top" bgcolor="#EFF3F6" style="border-collapse:collapse; display:block;">
                        <td width="25px" valign="top" style="border:none">&nbsp;</td>
                        <td width="435px" bgcolor="#ffffff" valign="top" style="background-color:#ffffff; border-left:1px solid #969696; border-top:1px solid #969696; border-bottom:1px solid #969696; border-right:none;">
                        
                        <p style="margin-left:15px; font-family:Arial; color:black; font-size:12px; line-height:1.2;">
                        <strong style="font-family:Verdana; color:red; font-size:15px;">Hello, Jacqueline!</strong>
                         <br/> <br/>
                        Budgets squeezed, more meetings to plan, less time to do it....  <br/><strong>Grass Roots</strong> has the solution! We provide corporate planners with the knowledge, experience and leading edge tools to improve your efficiency and free up time to focus on your strategic and planning tasks. We know what’s important to the corporate planner. We offer a truly consultative and personalized service to provide you with the right solution, first time!</p>
                    
                        <ul style="font-family:Arial; font-size:12px; line-height:1.3;">
                        <li>
                        <strong style="color:red">Fast and accurate proposals:</strong>
                         <br/>
                        to planner brief with independent choices
                        </li>
                        <li>
                        <strong style="color:red">Enhanced negotiation:</strong>
                         <br/>
                        to achieve best possible terms and meet planner budget requirements
                        </li>
                        <li>
                        <strong style="color:red">Professional support:</strong>
                         <br/>
                        hosted site inspections to advise and help plan
                        </li>
                        <li>
                        <strong style="color:red">Expert market knowledge:</strong>
                         <br/>
                        new and innovative hotels and venues
                        </li>
                        <li>
                        <strong style="color:red">Familiarization &amp; Networking events:</strong>
                         <br/>
                        share knowledge and experience
                        </li>                        
                        </ul>
                        
                        <p style="margin-left:15px; font-family:Arial; color:black; font-size:12px; line-height:1.2;">
                        We work in partnership to leverage supplier contacts and relationships. Our clients benefit from over $400m buying power achieving over 32% savings annually. We have a proven record in supporting financial and professional service companies. 
                         <br/> <br/>
                        <strong>Let Grass Roots take the <font style="color:red;">STRESS</font> out of your meetings and events.</strong>
                         <br/> <br/>
                        <strong style="color:red;">Contact us now.</strong>

                        </p>
                        
                        
                        </td>
                        <td width="15px" valign="top" bgcolor="#ffffff" style="background-color:#ffffff; border-left:none; border-top:1px solid #969696; border-bottom:1px solid #969696; border-right:none;" >&nbsp;</td>
                        <td width="225px" bgcolor="#ffffff" style="background-color:#ffffff; border-left:none; border-top:1px solid #969696; border-bottom:1px solid #969696; border-right:1px solid #969696;" valign="middle" align="center"> <img src="NYemail_mockup_FreshApple.png" alt="FRESH FROM GRASS ROOTS, NY" width="215" height="303" style="border:none; text-decoration:none; border:none; font-family: Arial; font-size:11px; color:#44494F;"/> </td>
                   </tr>
                   
                   <tr style="display:block;" height="25px"> <td>&nbsp;</td></tr>
                   
                    <tr height="25px" valign="top" bgcolor="#EFF3F6" style="border-collapse:collapse; display:block;">
                        <td width="25px" height="25px" valign="top" style="border:none">&nbsp;</td>
                        <td width="680px" height="25px" valign="top" style="border:none; font-family:Arial; font-size:16px; color:red; letter-spacing:1px;"><strong>NEW FEATURED VENUES</strong></td>
                    </tr>
                    
                    <tr valign="top" bgcolor="#EFF3F6" style="border-collapse:collapse; display:block;">
                        
                        <td width="25px" valign="top" style="border:none">&nbsp;</td>
                        
                        <td width="217px" bgcolor="#ffffff" valign="top" style="background-color:#ffffff; border:1px solid #969696;">
                        <p style="margin-left:15px; font-family: Arial; font-size:10px; color:#44494F;">
                        <strong>MONDRIAN SOHO,</strong>
                         <br/> 9 CROSBY STREET
                         <br/> <br/>
                        <img src="NYemail_mockup_venue1.png" alt="MONDRIAN SOHO" width="187" height="127" style="border:1px solid #969696; text-decoration:none; "/>
                        </p>
                        <p style="margin-left:15px; font-family: Arial; font-size:10px; color:#44494F; margin-right:10px; line-height:1.3;">Morgans Hotels’ newest ultra-hip boutique hotel inspired by Jean Cocteau’s cinematic interpretation of the tale of “La Belle et la Bête�� , the hotel is undeniably chic and contemporary. Mondrian boasts 270 guest rooms with stunning views of the Manhattan skyline and stunning private event spaces.</p> 
                        
                        </td>
                        
                        <td width="10px" valign="top" style="border:none">&nbsp;</td>
                        
                        <td width="217px" bgcolor="#ffffff" valign="top" style="background-color:#ffffff; border:1px solid #969696;">
                        <p style="margin-left:15px; font-family: Arial; font-size:10px; color:#44494F;">
                        <strong>SENTRY KNOWLEDGE CENTRE,</strong> 
                         <br/> 32 OLD SLIP
                         <br/> <br/>
                        <img src="NYemail_mockup_venue2.png" alt="SENTRY KNOWLEDGE CENTRE" width="187" height="127" style="border:1px solid #969696; text-decoration:none; "/>
                        </p>
                        <p style="margin-left:15px; font-family: Arial; font-size:10px; color:#44494F; margin-right:10px; line-height:1.3;">Previously Goldman Sachs internal training center, Sentry is due to open in September. Ideally located in the financial district, Sentry boasts 38,000 sq ft of meeting space including an auditorium for over 200 delegates. The perfect venue for training, seminars and client conferences.</p> 
                    
                        </td>
                        
                        <td width="10px" valign="top" style="border:none">&nbsp;</td>
                        
                        <td width="217px" bgcolor="#ffffff" valign="top" style="background-color:#ffffff; border:1px solid #969696;">
                        <p style="margin-left:15px; font-family: Arial; font-size:10px; color:#44494F;">
                        <strong>SWAROVSKI CRYSTALLIZED, </strong>
                         <br/>70 MERCER STREET
                         <br/> <br/>
                        <img src="NYemail_mockup_venue3.png" alt="SWAROVSKI CRYSTALLIZED" width="187" height="127" style="border:1px solid #969696; text-decoration:none; "/>
                        </p>
                        <p style="margin-left:15px; font-family: Arial; font-size:10px; color:#44494F; margin-right:10px; line-height:1.3;">SWAROVSKI CRYSTALLIZED™ New York is a unique and elegant retail space.  With a sleek, minimalist look featuring a long, narrow room with high ceilings it makes for a spectacular showcase over 50 designer jewelry collections. Private evening hire for receptions up to 80 and dinners for 24.</p> 
                        
                        </td>

                    </tr>

                  <tr style="display:block;" height="25px"> <td>&nbsp;</td></tr>
                   
                    <tr height="25px" valign="top" bgcolor="#EFF3F6" style="border-collapse:collapse; display:block;">
                        <td width="25px" height="25px" valign="top" style="border:none">&nbsp;</td>
                        <td width="680px" height="25px" valign="top" style="border:none; font-family:Arial; font-size:16px; color:red; letter-spacing:1px;"><strong>LATEST NEWS UPDATE</strong></td>
                    </tr>
                    
                    <tr height="145px" valign="top" bgcolor="#EFF3F6" style="border-collapse:collapse; display:block;">
                        <td width="25px" height="145px" valign="top" style="border:none">&nbsp;</td>
                        <td    width="240px" height="150px" bgcolor="#ffffff" style="background-color:#ffffff; border-left:1px solid #969696; border-top:1px solid #969696; border-bottom:1px solid #969696; border-right:none;" valign="middle" align="center"> <img src="NYemail-MIR.png" alt="MEETINGS INDUSTRY REPORT" width="197" height="148" style="border:none; text-decoration:none; border:none; font-family: Arial; font-size:11px; color:#44494F;"/> </td>
                        <td width="435px" bgcolor="#ffffff" height="145px" valign="top" style="background-color:#ffffff; border-right:1px solid #969696; border-top:1px solid #969696; border-bottom:1px solid #969696; border-left:none;">
                        <p style="margin-left:5px;">
                        <strong style="color:orange; font-family: Verdana; font-size:18px;">It has arrived!</strong> </p>
                        
                        
                        <p style="margin-left:5px;font-family:Arial; color:44494F; font-size:12px; line-height:1.2;">
                        Grass Roots’ acclaimed Meetings Industry Report now in its 5th edition is a comprehensive global and regional overview of key issues and trends in meetings and event procurement. 
                        </p>
                        
                        <p style="margin-left:5px;font-family:Arial; color:44494F; font-size:12px; line-height:1.2;">
                        <strong>Request your copy now.
                        </strong>
                        </p>
                        </td>
                        
    
                    </tr>    
                    
                    <tr style="display:block;" height="30px"> <td>&nbsp;</td></tr>
                    
                    
                    <tr height="153px" valign="top" bgcolor="#44494F" style="border-top: #D5D5D5 2px solid; border-collapse:collapse; display:block;" >
                           <td width="25px" height="153px" valign="top" style="border:none;" bgcolor="#44494F">&nbsp;</td>
                           
                           <td width="160px" height="153px" valign="top" style="border:none;" bgcolor="#44494F"><a href="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=1412+Broadway+New+York,+NY,+10018&aq=&sll=40.754011,-73.985549&sspn=0.005275,0.009162&ie=UTF8&hq=&hnear=1412+Broadway,+New+York,+10018&z=16"><img style="width: 150px; height: 100px; padding: 2px; border: solid 1px #333; margin: 23px 15px 18px 0; font-family: Arial; font-size:11px; color:#FFFFFF;" src="googlemap.png" width="150" height="100" alt="Our Office Location"/></a>
                           </td>
                           
                           <td width="200px" height="153px" valign="bottom" align="left" style="border:none;" bgcolor="#44494F"><a href="http://www.grassroots-events.com/contact-us/"><img style="margin-bottom:20px; font-family: Arial; font-size:11px; color:#FFFFFF; " src="NYemail_note.png" width="197" height="65" alt="Come by and visit us anytime!"/></a>
                           </td>
                           
                           
                           
                           <td height="153px" width="303px" valign="top" bgcolor="#44494F" style=""> 
                           <p style="font-family:Verdana, Geneva, sans-serif; color:#ffffff; margin-top:22px; line-height:1.3; font-size:10px; text-align:right;">
                           Grass Roots, Venue Procurement <br/>
                           1412 Broadway, Suite 2500 <br/>
                           New York, NY 10018 <br/>
                           212  201 9127 <br/>
                           smartsouring@grg.com <br/>
                           Follow us on <a style="color:#3FA6F2; text-decoration:none;" href="http://twitter.com/#!/barrykrichards">twitter</a>! <br/>
                           <a style="color:#ffffff;" href="{{{unsubscribe}}}">Unsubscribe</a> 
                           </p>
                           </td> 
                   
                   </tr>
        
        </table></td></tr></table>
    </body>
</html>
wickcreative wickcreative, 5 years ago

I have found adding in the "!important" in the overall css helps on Outlook. You might give it a go.

table {
    border-collapse: collapse !important;
    font-size:0px !important;
    margin:0px !important;
    border:none !important;
    overflow:hidden !important;
}
th, td {
    padding:0px !important;
    margin:0px !important;
    font-size:0px !important;
    overflow:hidden !important;
}
img {
    margin:0px !important;
    padding:0px !important;
    display:block !important;
}

Scott Wickberg
http://www.wickcreative.com
roshodgekiss roshodgekiss, 5 years ago

Hi jackie28v, welcome to the forums? I suggest removing align= attributes where possible - I've found this tends to introduce spaces into designs when viewed in Outlook '07. Let us know how you go :)


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor

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