Outlook eliminates a border, adds extra space

It looks fine in Dreamweaver, in the Campaign Monitor preview, and in Gmail, but when I send a test of my email to Outlook, a chunk of the table border goes missing, and there is a huge gap between a title and a picture/link. I have no idea why this is happening and haven't been able to find it in the code.

I'm a novice when it comes to HTML and coding, so simple advice and explanations would be really helpful! Thank you!

Here's my code:
<!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">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="../../2009/Email_August/global.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.style1 {color: #3b4346}
<table id="lift_container" width="641" height="2188" border="0" cellpadding="0" cellspacing="0" bgcolor="#4c5358">
        <td colspan="5" height="31" width="641"></td>
        <td rowspan="6" width="30"></td>
        <td rowspan="2" align="left" valign="top" width="244" height="100"><a href="http://www.liftcommunities.org"><img src="../../2009/Email_August/images/LIFT_emailtemplt_logo.gif" width="244" height="100" border="0" alt="Cities serviced by LIFT"></a></td>
        <td rowspan="2" width="199"></td>
        <td align="left" valign="top" width="137" height="105" id="lift_links">
             <h1>Need a <img src="../../2009/Email_August/images/LIFT_emailtemplt_w_logo.gif" width="48" height="17" alt="LIFT" />?</h1>
            <p>Visit us on <b>Facebook</b>, <b>Twitter</b>, and <b>YouTube</b>.</p>
                   <a href="http://www.facebook.com/liftcommunities"><img src="../../2009/Email_August/images/LIFT_emailtemplt_facebook.gif" width="29" height="29" alt="LIFT on Facebook" border="0" /></a>
                <a href="http://www.twitter.com/liftcommunities"><img src="../../2009/Email_August/images/LIFT_emailtemplt_twitter.gif" width="29" height="29" alt="LIFT on Twitter" border="0" /></a>
                <a href="http://www.youtube.com/liftcommunities"><img src="../../2009/Email_August/images/LIFT_emailtemplt_youtube.gif" width="29" height="29" alt="LIFT on YouTube" border="0" /></a>
      <td rowspan="6" width="31"></td>
        <td colspan="2" height="10"></td>
        <td colspan="3" id="lift_white" valign="top">
            <table id="lift_content" cellpadding="0" cellspacing="20">
                  <td width="308" height="544" valign="top" id="lift_content_right">
                        <h1 align="center">A Spring Update from LIFT</h1>
                        <p align="left">With the end of May fast approaching, we're excited to reflect on how much LIFT has accomplished in the past three months. Our offices have been buzzing with news! Our clients have secured jobs as Census workers and <a href="http://www.liftcommunities.org/chicago/our-work/clients/item/282-frantz-pierre">medical aides</a> and are receiving the legal aid they need through new partnerships. Our volunteers have been hard at work improving services and creating new ones, while also  sharing their stories of &quot;<a href="http://www.firstgiving.com/lift">Why I LIFT</a>&quot; with supporters. </p>
                       <p align="left">For a closer look at what we're doing daily across the country, watch the video below and read on to find out more.</p>
                       <p><strong>WATCH: Stories of Service and Success with LIFT</strong></p>
                           <p align="center"><a href="http://www.youtube.com/watch?v=PYofx5XMlBc"><img src="images/Video_MYT.png" alt="LIFT_successess_MYT" width="254" height="151" border="0" longdesc="http://www.youtube.com/liftcommunities" /></a></p>
                           <h1>Impact On Communities</h1>
                           <p>Our offices have made huge strides in improving and expanding services to families in recent months. Some noteworthy achievements include:</p>
                       <li class="style1">Expansion in Chicago and Washington, DC: In early spring,  LIFT-Chicago's new branch began serving the West Side of the city, and soon after LIFT-DC expanded its services to  Columbia Heights and the large Latino population residing there. <a href="http://www.liftcommunities.org/media-and-events/news-publications/item/265-lift-opens-two-new-expansion-sites-in-chicago-and-washington-dc">Read more</a></li>
                     <li class="style1">LIFT-Somerville placed more clients in jobs in the past eight months than it did in the entire previous year </li>
                     <li class="style1">LIFT-Philadelphia's North Office has served more clients in the past eight months than it did in the entire previous year.</li>
                     <h1>Highlights from Spring Celebrations</h1>
                     <p>Spring was a busy season for fundraising and &quot;friendraising,&quot; as we hosted three celebrations recognizing LIFT's work in Philadelphia, New York City, and Washington, DC. <a href="http://www.liftcommunities.org/philadelphia/news-and-events/item/276-congrats-to-lift-philadelphia-on-a-fantastic-event">Philadelphia</a> hosted its first regional event, where  client Angela Allen brought down the house with her moving testimonial. Guests in <a href="http://www.liftcommunities.org/new-york/news-and-events/item/298-an-inspiring-spring-celebration-in-new-york">New York</a> and <a href="http://www.liftcommunities.org/washington-dc/news-and-events/item/303-an-inspiring-spring-celebration-in-washington-dc">DC</a> heard the compelling stories of our clients, <a href="http://www.youtube.com/watch?v=3GPfYy8gls0">Cecilia</a> and <a href="http://www.youtube.com/watch?v=i5UhSTlZEIk">Gwendolyn</a>, as well as updates on LIFT's  recent achievements. The events raised nearly $500,000 collectively to support ambitious plans for the coming year.</p>
                     <p align="left"><strong>WATCH: Kirsten Reflects on LIFT's Milestones<br />
                     <p align="center"><a href="http://www.youtube.com/watch?v=WQTdtfMGzko"><img src="images/KEL_DC_event_speech.png" alt="Kirsten_Lodal_speech" width="276" height="171" border="0" /></a></p>
                     <p align="left">Click on the links above for recaps, <a href="http://www.flickr.com/liftcommunities">photos</a>, and <a href="http://www.youtube.com/liftcommunities">video</a> from the events.</p>
                     <h1>New Talent</h1>
                     <p>We are excited to introduce two new additions to our team! <a href="http://www.liftcommunities.org/washington-dc/news-and-events/item/270-lift-welcomes-rael-nelson-james-lift-dc%27s-new-executive-director">Raël Nelson James</a> joined LIFT as Executive Director for LIFT-DC, and <a href="http://www.liftcommunities.org/new-york/news-and-events/item/299-lift-welcomes-betty-gilmore-lift-the-bronx-program-director">Betty Gilmore</a> came on board as the Program Director for LIFT-The Bronx. They will be responsible for leading the operations and growth of our programs in Washington, DC and New York City. </p>
                     <p>We are also eagerly anticipating the arrival of our new crop of Summer Fellows. Each office will host 6-12 full-time fellows to keep client service running this summer. </p>
                     <p>We'll report back on new projects and client achievements in the coming months. Enjoy the final days of spring and get ready for a fantastic summer with LIFT!</p>
                     <p><img src="images/just Kirsten.gif" alt="Kirsten_Lodal" width="84" height="47" /></p>
                     <p>Kirsten Lodal<br />
                       CEO and Co-Founder</p>
                     <h1 align="center"><a href="http://www.liftcommunities.org">www.liftcommunities.org</a></h1></td>
                  <td width="1" bgcolor="#000000"></td>
                    <td width="149" valign="top">
                        <h1>Season of Support</h1>
                     <p>Help us end the academic year and kick off a great summer of service! LIFT's fiscal year ends on June 30th. If you have not yet made your annual gift to LIFT, please visit <a href="http://www.liftcommunities.org/donate"><strong>liftcommunities.org/donate</strong></a> to give.</p>
                     <h1>Awards &amp; Recognition</h1>
                     <h1 align="center"><img src="images/american_way_to_change.jpg" alt="American_Way_To_Change" width="100" height="168" /></h1>
                     <p align="left">LIFT is featured in Shirley Sagawa's new book, <em>The American Way to Change: How National Service and Volunteers are Changing America</em>.  <a href="http://www.liftcommunities.org/media-and-events/news-publications/item/292-lift-featured-in-shirley-sagawa%27s-newest-book">Read more</a>.</p>
                     <p align="center"><img src="images/IMG_5242.JPG" alt="LIFT_DC" width="151" height="113" /></p>
                     <p align="left">First Lady Michelle Obama  addressed the graduating class at George Washington University because of their donation of 100,000 hours of service. LIFT-DC volunteers contributed to the final tally. <a href="http://www.liftcommunities.org/washington-dc/news-and-events/item/277-lift-dc-volunteer-recognized-for-service-first-lady-michelle-obama-to-speak-at-her-graduation">Read more in the Washington Post</a>.</p>
                     <p align="left">LIFT  offices were honored by several university partners, including awards from Drexel University and from Temple University to<a href="http://www.liftcommunities.org/philadelphia/news-and-events/item/294-lift-philadelphia-honored-by-temple-university"> LIFT-Philadelphia</a> and from Fordham University to <a href="http://www.liftcommunities.org/new-york/news-and-events/item/296-lift-the-bronx-named-community-partner-of-the-year-by-fordham-university">LIFT-The Bronx</a>.</p>
                     <h1 align="left">Partnerships &amp; Collaborations</h1>
                     <p align="left">LIFT is proud to be part of several exciting new initiatives dedicated to LIFT's own mission of combating poverty and expanding opportunity in the United States, including <a href="http://www.opportunitynation.org/">OpportunityNation</a> and the Coalition to Promote Access and Opportunity. More news to come on the progress of these important efforts.</p>
                     <p align="center"><img src="images/IMG_3486-638.jpg" alt="LIFT_Family" width="134" height="169" /></p>
                     <p align="left">LIFT-Boston began a pilot program to provide free legal aid to  clients with the help of the Tufts Lawyer's Association and the Tisch College. <a href="http://www.liftcommunities.org/boston/news-and-events/item/302-lift-and-the-tufts-lawyers-association-partner-to-provide-free-legal-assistance-to-low-income-families-in-somerville">Read more</a></p>
                     <p align="center"><img src="images/RH_2009_RGB_logo_for_web.gif" alt="Robin_Hood" width="153" height="28" /></p>
                     <p align="left">LIFT-The Bronx completed training and implementation for new software to directly enroll clients in  public benefits, sponsored by Robin Hood and Single Stop.</p>
                     <p align="left">LIFT-Evanston received a grant from the Evanston Community Foundation to hire two Summer Fellows who will work on a housing database for the city of Evanston. <a href="http://www.liftcommunities.org/chicago/news-and-events/item/304-lift-evanston-builds-affordable-housing-database-with-help-from-evanston-community-foundation">Read more</a></p>
        <td colspan="3" id="lift_footer_address" valign="middle">
        <p>800 7th Street NW, Suite 300, Washington, DC 20001 <font color="#e3d701">|</font> Phone 202.289.1151 <font color="#e3d701">|</font> www.liftcommunities.org</p>
<div id="lift_footer">
    <p>You are receiving this email because you are subscribed to the LIFT mailing list.  If you would like to unsubscribe, please <unsubscribe>click here</unsubscribe><br />
    &copy; 2010 LIFT. All rights reserved.</p>

BThies BThies, 6 years ago

For each row in the "lift_container" table, just nest a table instead of using colspans/rowspans.  Nest additional tables within cells as necessary.  Also, "height" is not fully supported.

Reason: The slightest error in calculation can throw an entire design off when using colspans/rowspans, and some e-mail clients render them in different ways.

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