Email not rendering correctly in Outlook

Hi...

I customised a template for a client using one of Campaign Monitor's basic templates. This was a while ago, and my client seemed to have no problems up until yesterday. I'm assuming he now has a newer version of Outlook, because he's reporting unusually large gaps between the content sections. I read somewhere on this forum that recent versions of Outlook strip out certain CSS. Does anyone know what the fix for this is, and where I'd put it in the code?

Code is below.

Many thanks!

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Moore College Staff News</title>
    <style>
    a:hover {
        text-decoration: underline !important;
    }
    td.promocell p { 
        color:#ffffff;
        font-size:16px;
        line-height:26px;
        font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
        margin-top:0;
        margin-bottom:0;
        padding-top:0;
        padding-bottom:14px;
        font-weight:normal;
    }
    td.contentblock h4 {
        color:#043E7E !important;
        font-size:16px;
        line-height:24px;
        font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
        margin-top:0;
        margin-bottom:10px;
        padding-top:0;
        padding-bottom:0;
        font-weight:normal;
    }
    td.contentblock h4 a {
        color:#444444;
        text-decoration:none;
    }
    td.contentblock p { 
          color:#888888;
        font-size:13px;
        line-height:19px;
        font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
        margin-top:0;
        margin-bottom:12px;
        padding-top:0;
        padding-bottom:0;
        font-weight:normal;
    }
    td.contentblock p a {
    color:#27659A;
    text-decoration:none;
    font-weight: bold;
    }
    @media only screen and (max-device-width: 480px) {
         div[class="header"] {
              font-size: 16px !important;
         }
         table[class="table"], td[class="cell"] {
              width: 300px !important;
         }
        table[class="promotable"], td[class="promocell"] {
              width: 325px !important;
         }
        td[class="footershow"] {
              width: 300px !important;
         }
        table[class="hide"], img[class="hide"], td[class="hide"] {
              display: none !important;
         }
         img[class="divider"] {
              height: 1px !important;
         }
         td[class="logocell"] {
            padding-top: 15px !important; 
            padding-left: 15px !important;
            width: 300px !important;
         }
         img[id="screenshot"] {
              width: 325px !important;
              height: 127px !important;
         }
        img[class="galleryimage"] {
              width: 53px !important;
              height: 53px !important;
        }
        p[class="reminder"] {
            font-size: 11px !important;
        }
        h4[class="secondary"] {
            line-height: 22px !important;
            margin-bottom: 15px !important;
            font-size: 18px !important;
        }
    }
    .secondary strong singleline span {
    font-size: 40px;
    font-weight: lighter;
    line-height: 45px;
    font-family: Georgia, "Times New Roman", Times, serif;
}
    td .contentblock h5 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}
    </style>
</head>
<body bgcolor="#e4e4e4" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0" style="-webkit-font-smoothing: antialiased;width:100% !important;background:#e4e4e4;-webkit-text-size-adjust:none;">
    
<table width="98%" cellpadding="0" cellspacing="0" border="0" bgcolor="#e4e4e4">
<tr>
    <td bgcolor="#e4e4e4" width="100%">

    <table width="600" cellpadding="0" cellspacing="0" border="0" align="center" class="table">
    <tr>
        <td width="600" class="cell">
        
           <table width="600" cellpadding="0" cellspacing="0" border="0" class="table">
        <tr>
            <td width="250" bgcolor="#e4e4e4" class="logocell"><img border="0" src="images/spacer.gif" width="1" height="20" class="hide"><br class="hide">
              <a href="http://moore.edu.au"><img src="images/moore_logo.gif" alt="Moore College" width="178" height="76" border="0" style="-ms-interpolation-mode:bicubic;"></a><br><img border="0" src="images/spacer.gif" width="1" height="10" class="hide"><br class="hide"></td>
            <td align="right" width="350" class="hide" style="color:#a6a6a6;font-size:12px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;text-shadow: 0 1px 0 #ffffff;" valign="top" bgcolor="#e4e4e4"><p><img border="0" src="images/spacer.gif" width="1" height="63"><br>
              <multiline label="newsletter version">MOORE COLLEGE STAFF NEWS<br>
              ISSUE    1,    MARCH    2012<br>
              <webversion><a href="#">VIEW THIS EMAIL ONLINE<br>
              <span>&nbsp;</span></a></webversion></multiline></p></td>
        </tr>
        </table>
    
        <img border="0" src="images/e-news_header.jpg" label="Hero image" editable="true" width="600" height="253" id="screenshot">
    
        <table width="600" cellpadding="25" cellspacing="0" border="0" class="promotable">
        <tr>
            <td bgcolor="#043E7E" width="600" class="promocell">                      
             
                <multiline label="Main feature intro">
                  <p><a name="top"></a>This area is designed to be an introduction, or a word from the Principal/Dean.<br>
<br>
Proin aliquet cursus egestas. Ut sed ante lorem. Pellentesque venenatis tincidunt nulla at bibendum. Donec sagittis rutrum nunc, quis molestie nisl vulputate sit amet. <br>
<br>
Aenean vel neque diam. Nunc purus felis, viverra eu facilisis eu, pellentesque dapibus dolor. Pellentesque leo ligula, viverra a rhoncus quis, gravida vehicula arcu. </p></multiline>
            
            </td>
        </tr>
        </table>
    
        <img border="0" src="images/spacer.gif" width="1" height="15" class="divider"><br>
    <!--START FEATURE BLOCK
        <repeater>
            <layout label="New feature">
            <table width="100%" cellpadding="0" cellspacing="0" border="0">
            <tr>
                <td bgcolor="#043E7E" nowrap><img border="0" src="images/spacer.gif" width="5" height="1"></td>
                <td width="100%" bgcolor="#ffffff">
            
                    <table width="100%" cellpadding="20" cellspacing="0" border="0">
                    <tr>
                        <td bgcolor="#ffffff" class="contentblock">

                            <h4 class="secondary"><strong>
                            <singleline label="Title">In this issue</singleline></strong></h4>
                            <multiline label="Description">
                              <p><a href="#ceo">News and events</a> | <a href="#pc">In short</a> | <a href="#ministry"> In focus </a>| <a href="#fp">Student profile</a> | <a href="#ce">Staff profile</a><a href="#diary"></a> | <a href="#pc">Resources</a><a href="#ministry"> </a></p></multiline>

                        </td>
                    </tr>
                    </table>
            
                </td>
            </tr>
            </table>
            
              
            <img border="0" src="images/spacer.gif" width="1" height="15" class="divider"><br>
            </layout>
            <!--END FEATURE BLOCK-->
            <!--START FEATURE BLOCK-->
            <repeater><layout label="News and Events">
            <table width="100%" cellpadding="0" cellspacing="0" border="0">
            <tr>
                <td bgcolor="#D05534" nowrap><img border="0" src="images/spacer.gif" width="5" height="1"></td>
                <td width="100%" bgcolor="#ffffff">
            
                    <table width="100%" cellpadding="20" cellspacing="0" border="0">
                    <tr>
                        <td bgcolor="#ffffff" class="contentblock">

                            <h4 class="secondary"><strong>
                            <singleline label="News and Events" repeatertitle='true'>News and Events</singleline></strong></h4>
                            <img src="images/placeholder_small.gif" width="92" height="83" align="left" editable="true"><multiline label="News and Events"><h5><em>News item</em></h5>
                            <p>Proin aliquet cursus egestas. Ut sed ante lorem. Pellentesque venenatis tincidunt nulla at bibendum. Donec sagittis rutrum nunc, quis molestie nisl vulputate sit amet. <a href="#">Find out more...</a></p></multiline>
                            <img src="images/placeholder_small.gif" width="92" height="83" align="left" editable="true"><multiline label="News and Events"><h5><em>Event</em></h5>
                              <p>Proin aliquet cursus egestas. Ut sed ante lorem. Pellentesque venenatis tincidunt nulla at bibendum. Donec sagittis rutrum nunc, quis molestie nisl vulputate sit amet. <a href="#">Find out more...</a></p>
                              <p><strong>Where:</strong> Moore College | <strong>When:</strong> June 24 at 3.30pm | <a href="#">More information</a></p></multiline>
                          <img src="images/placeholder_small.gif" width="92" height="83" align="left" editable="true"><multiline label="News and Events"><h5><em>Event</em></h5>
                              <p>Proin aliquet cursus egestas. Ut sed ante lorem. Pellentesque venenatis tincidunt nulla at bibendum. Donec sagittis rutrum nunc, quis molestie nisl vulputate sit amet. <a href="#">Find out more...</a></p>
                              <p><strong>Where:</strong> Moore College | <strong>When:</strong> June 24 at 3.30pm | <a href="#">More information</a></p></multiline></td>
                    </tr>
                    </table>
            
                </td>
            </tr>
            </table> 
            
            <a href="#top"><img src="images/top.gif" width="37" height="15" border="0" align="right" class="divider"></a><br>
            </layout></repeater>
            <!--END FEATURE BLOCK-->
            
            
            <!--START AD BLOCK-->
            <repeater><layout label="advertisement1">
            <table width="100%" cellpadding="0" cellspacing="0" border="0">
            <tr>
                <td bgcolor="#D05534" nowrap><img border="0" src="images/spacer.gif" width="5" height="1"></td>
                <td width="100%" bgcolor="#ffffff">
            
                    <table width="100%" cellpadding="0" cellspacing="0" border="0">
                    <tr>
                        <td bgcolor="#ffffff" class="contentblock">

                        <img src="images/support_us.gif" width="594" height="200" editable="true">
                            

                        </td>
                    </tr>
                    </table>
            
                </td>
            </tr>
            </table>   
            <img border="0" src="images/spacer.gif" width="1" height="15" class="divider"><br>
            </layout></repeater>
            <!--END AD BLOCK-->
            
            <!--START QUOTE BLOCK-->
            <repeater><layout label="Pull quote1">
      <table width="100%" cellpadding="0" cellspacing="0" border="0">
                        <tr>
                            <td bgcolor="#AEAA7D" nowrap><img border="0" src="images/spacer.gif" width="5" height="1"></td>
                            <td width="100%" bgcolor="#ffffff">
                        
                                <table width="100%" cellpadding="20" cellspacing="0" border="0">
                                <tr>
                                    <td bgcolor="#ffffff" class="contentblock">
            
                                        <multiline label="Pull quote1"><h4 class="secondary"><strong>
                                        <span><em>&quot;A joyful heart is good medicine, But a crushed spirit dries up the bones.&quot;</em></span>

</strong></h4></multiline>
                                        <singleline label="pull quote1 secondary"><p><strong>Proberbs 17:22</strong></p></singleline>
            
                                    </td>
                                </tr>
                                </table>
                        
                            </td>
                        </tr>
                        </table>  
                <a href="#top"><img src="images/top.gif" width="37" height="15" border="0" align="right" class="divider"></a><br>
                </layout></repeater>
                <!--END QUOTE BLOCK-->
            <!--START FEATURE BLOCK-->
            <repeater><layout label="In Short">
            <table width="100%" cellpadding="0" cellspacing="0" border="0">
            <tr>
                <td bgcolor="#043E7E" nowrap><img border="0" src="images/spacer.gif" width="5" height="1"></td>
                <td width="100%" bgcolor="#ffffff">
            
                    <table width="100%" cellpadding="20" cellspacing="0" border="0">
                    <tr>
                        <td bgcolor="#ffffff" class="contentblock"><h4 class="secondary"><strong>
                            <singleline label="In short" repeatertitle='true'><a name="ministry"></a>In short</singleline></strong></h4>
                            <img src="images/placeholder_small.gif" width="92" height="83" align="left" editable="true"><multiline label="In Short"><h5><em>Heading 1</em></h5>
                            <p>Proin aliquet cursus egestas. Ut sed ante lorem. Pellentesque venenatis tincidunt nulla at bibendum. Donec sagittis rutrum nunc, quis molestie nisl vulputate sit amet. <a href="#">Find out more...</a></p></multiline>
                            <img src="images/placeholder_small.gif" width="92" height="83" align="left" editable="true"><multiline label="In Short"><h5><em>Heading 2</em></h5>
                              <p>Proin aliquet cursus egestas. Ut sed ante lorem. Pellentesque venenatis tincidunt nulla at bibendum. Donec sagittis rutrum nunc, quis molestie nisl vulputate sit amet. <a href="#">Find out more...</a></p></multiline>
                              <img src="images/placeholder_small.gif" width="92" height="83" align="left" editable="true"><multiline label="In Short"><h5><em>Heading 3</em></h5>
                              <p>Proin aliquet cursus egestas. Ut sed ante lorem. Pellentesque venenatis tincidunt nulla at bibendum. Donec sagittis rutrum nunc, quis molestie nisl vulputate sit amet. <a href="#">Find out more...</a></p></multiline></td>
                    </tr>
                    </table>
            
                </td>
            </tr>
            </table> 
            
            <a href="#top"><img src="images/top.gif" width="37" height="15" border="0" align="right" class="divider"></a><br>
            </layout></repeater>
            <!--END FEATURE BLOCK-->
            <!--START FEATURE BLOCK-->
            <repeater><layout label="In Focus">
            <table width="100%" cellpadding="0" cellspacing="0" border="0">
            <tr>
                <td bgcolor="#D25533" nowrap><img border="0" src="images/spacer.gif" width="5" height="1"></td>
                <td width="100%" bgcolor="#ffffff">
            
                    <table width="100%" cellpadding="20" cellspacing="0" border="0">
                    <tr>
                        <td bgcolor="#ffffff" class="contentblock">

                            <h4 class="secondary"><strong>
                            <singleline label="In Focus" repeatertitle='true'><a name="pc"></a>In Focus</singleline></strong></h4>
                            <p><img src="images/feature.gif" width="554" height="200" editable="true"></p>
                            <multiline label="In Focus"><h5><em>Subheading</em></h5>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet odio id urna pretium pulvinar vitae nec mi. Cras non nulla nisi. Quisque vulputate, justo ac lacinia ultricies, sem mauris fermentum nibh, ut tristique nibh orci sit amet nibh. Aliquam sodales tempor felis nec luctus. <br>
<br>
Nulla tempus orci id augue <a href="#">dapibus sed euismod</a> dui egestas. Nam malesuada quam ac arcu lacinia eu rhoncus lorem laoreet. Suspendisse nec nibh libero, sed tincidunt nisl. Cras ornare placerat rhoncus.

Mauris pulvinar lorem id lectus vestibulum venenatis in a elit. Vivamus lobortis nisl fringilla est pretium at vestibulum ante gravida. Quisque vel metus et enim tempor iaculis vitae quis est. Fusce ligula magna, scelerisque et mattis vitae, aliquet quis sapien. Suspendisse ullamcorper congue erat, vitae tincidunt nisi fringilla et. Integer lacus lectus, mollis eu facilisis pulvinar, faucibus eu lectus. <br>
<br>
Aliquam viverra semper erat, at tempor massa imperdiet a. Duis congue, lorem in suscipit vestibulum, odio odio aliquet erat, a gravida justo urna in risus. Etiam dapibus turpis sed sapien tristique commodo. Vivamus porttitor rhoncus urna a <a href="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet odio id urna pretium pulvinar vitae nec mi. Cras non nulla nisi. Quisque vulputate, justo ac lacinia ultricies, sem mauris fermentum nibh, ut tristique nibh orci sit amet nibh. Aliquam sodales tempor felis nec luctus. Nulla tempus orci id augue dapibus sed euismod dui egestas. Nam malesuada quam ac arcu lacinia eu rhoncus lorem laoreet. Suspendisse nec nibh libero, sed tincidunt nisl. Cras ornare placerat rhoncus.  Mauris pulvinar lorem id lectus vestibulum venenatis in a elit. Vivamus lobortis nisl fringilla est pretium at vestibulum ante gravida. Quisque vel metus et enim tempor iaculis vitae quis est. Fusce ligula magna, scelerisque et mattis vitae, aliquet quis sapien. Suspendisse ullamcorper congue erat, vitae tincidunt nisi fringilla et. Integer lacus lectus, mollis eu facilisis pulvinar, faucibus eu lectus. Aliquam viverra semper erat, at tempor massa imperdiet a. Duis congue, lorem in suscipit vestibulum, odio odio aliquet erat, a gravida justo urna in risus. Etiam dapibus turpis sed sapien tristique commodo. Vivamus porttitor rhoncus urna a fringilla. Mauris sed ante mauris. Ut felis nulla, dapibus vel tempus sed, porttitor non dui. Praesent tincidunt faucibus libero ac blandit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed metus nunc, pulvinar ac auctor viverra, adipiscing vitae augue.">fringilla.</a> Mauris sed ante mauris. <br>
<br>
Ut felis nulla, dapibus vel tempus sed, porttitor non dui. Praesent tincidunt faucibus libero ac blandit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed metus nunc, pulvinar ac auctor viverra, adipiscing vitae augue. <a href="#">Read more....</a></p></multiline>
                        

                        </td>
                    </tr>
                    </table>
            
                </td>
            </tr>
            </table> 
            
            <a href="#top"><img src="images/top.gif" width="37" height="15" border="0" align="right" class="divider"></a><br>
            </layout></repeater>
            <!--END FEATURE BLOCK-->
            <!--START FEATURE BLOCK-->
            <repeater><layout label="Student profile">
            <table width="100%" cellpadding="0" cellspacing="0" border="0">
            <tr>
                <td bgcolor="#AEAA7D" nowrap><img border="0" src="images/spacer.gif" width="5" height="1"></td>
                <td width="100%" bgcolor="#ffffff">
            
                    <table width="100%" cellpadding="20" cellspacing="0" border="0">
                    <tr>
                        <td bgcolor="#ffffff" class="contentblock">

                            <h4 class="secondary"><strong>
                            <singleline label="Student profile" repeatertitle='true'><a name="fp"></a>Student profile</singleline></strong></h4>
                            <p><img src="images/feature2.jpg" width="554" height="200" editable="true"></p>
                            <multiline label="Student profile"><h5><em>PhD student wins coveted prize</em></h5>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet odio id urna pretium pulvinar vitae nec mi. Cras non nulla nisi. Quisque vulputate, justo ac lacinia ultricies, sem mauris fermentum nibh, ut tristique nibh orci sit amet nibh. Aliquam sodales tempor felis nec luctus. <br>
                              <br>
Nulla tempus orci id augue <a href="#">dapibus sed euismod</a> dui egestas. Nam malesuada quam ac arcu lacinia eu rhoncus lorem laoreet. Suspendisse nec nibh libero, sed tincidunt nisl. Cras ornare placerat rhoncus.

Mauris pulvinar lorem id lectus vestibulum venenatis in a elit. Vivamus lobortis nisl fringilla est pretium at vestibulum ante gravida. Quisque vel metus et enim tempor iaculis vitae quis est. Fusce ligula magna, scelerisque et mattis vitae, aliquet quis sapien. Suspendisse ullamcorper congue erat, vitae tincidunt nisi fringilla et. Integer lacus lectus, mollis eu facilisis pulvinar, faucibus eu lectus. <a href="#">Find out more...</a></p>
                              <p>&nbsp;</p></multiline>
                        

                        </td>
                    </tr>
                    </table>
            
                </td>
            </tr>
            </table> 
            
            <a href="#top"><img src="images/top.gif" width="37" height="15" border="0" align="right" class="divider"></a><br>
            </layout></repeater>
            <!--END FEATURE BLOCK-->
            <!--START FEATURE BLOCK-->
            <repeater><layout label="Staff profile">
            <table width="100%" cellpadding="0" cellspacing="0" border="0">
            <tr>
                <td bgcolor="#043E7E" nowrap><img border="0" src="images/spacer.gif" width="5" height="1"></td>
                <td width="100%" bgcolor="#ffffff">
            
                    <table width="100%" cellpadding="20" cellspacing="0" border="0">
                    <tr>
                        <td bgcolor="#ffffff" class="contentblock">

                            <h4 class="secondary"><strong>
                            <singleline label="Staff profile" repeatertitle='true'><a name="ce"></a>Staff profile</singleline></strong></h4>
                            <h5><img src="images/feature3.jpg" width="554" height="200" editable="true"></h5>
                            <multiline label="Staff profile"><h5><em>John Woodhouse retires</em></h5>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet odio id urna pretium pulvinar vitae nec mi. Cras non nulla nisi. Quisque vulputate, justo ac lacinia ultricies, sem mauris fermentum nibh, ut tristique nibh orci sit amet nibh. Aliquam sodales tempor felis nec luctus. <br>
                              <br>
Nulla tempus orci id augue <a href="#">dapibus sed euismod</a> dui egestas. Nam malesuada quam ac arcu lacinia eu rhoncus lorem laoreet. Suspendisse nec nibh libero, sed tincidunt nisl. Cras ornare placerat rhoncus.

Mauris pulvinar lorem id lectus vestibulum venenatis in a elit. Vivamus lobortis nisl fringilla est pretium at vestibulum ante gravida. Quisque vel metus et enim tempor iaculis vitae quis est. Fusce ligula magna, scelerisque et mattis vitae, aliquet quis sapien. Suspendisse ullamcorper congue erat, vitae tincidunt nisi fringilla et. Integer lacus lectus, mollis eu facilisis pulvinar, faucibus eu lectus. <a href="#">Find out more...</a></p>
                              <p>&nbsp;</p></multiline>
                        

                        </td>
                    </tr>
                    </table>
            
                </td>
            </tr>
            </table> 
            
            <a href="#top"><img src="images/top.gif" width="37" height="15" border="0" align="right" class="divider"></a><br>
            </layout></repeater>
            <!--END FEATURE BLOCK-->
            
            
            
            
            <!--START QUOTE BLOCK-->
            <repeater><layout label="Pull quote2">
                        <table width="100%" cellpadding="0" cellspacing="0" border="0">
                        <tr>
                            <td bgcolor="#D25533" nowrap><img border="0" src="images/spacer.gif" width="5" height="1"></td>
                            <td width="100%" bgcolor="#ffffff">
                        
                                <table width="100%" cellpadding="20" cellspacing="0" border="0">
                                <tr>
                                    <td bgcolor="#ffffff" class="contentblock">
            
                                        <h4 class="secondary"><strong>
                                        <multiline label="Pull quote2"><span><em>&quot;A joyful heart is good medicine, But a crushed spirit dries up the bones.&quot;</em></span>

</multiline></strong></h4>
                                        <singleline label="pull quote2 secondary"><p><strong>Proberbs 17:22</strong></p></singleline>
            
                                    </td>
                                </tr>
                                </table>
                        
                            </td>
                        </tr>
                        </table>  
                <a href="#top"><img src="images/top.gif" width="37" height="15" border="0" align="right" class="divider"></a><br>
                </layout></repeater>
                <!--END QUOTE BLOCK-->
                <!--START FEATURE BLOCK-->
            <repeater><layout label="Resources">
            <table width="100%" cellpadding="0" cellspacing="0" border="0">
            <tr>
                <td bgcolor="#043E7E" nowrap><img border="0" src="images/spacer.gif" width="5" height="1"></td>
                <td width="100%" bgcolor="#ffffff">
            
                    <table width="100%" cellpadding="20" cellspacing="0" border="0">
                    <tr>
                        <td bgcolor="#ffffff" class="contentblock"><h4 class="secondary"><strong>
                            <singleline label="Resources" repeatertitle='true'><a name="ministry"></a>Resources</singleline></strong></h4>
                            <multiline label="Resources"><h5><em>Heading 1</em></h5>
                            <p>Proin aliquet cursus egestas. Ut sed ante lorem. Pellentesque venenatis tincidunt nulla at bibendum. Donec sagittis rutrum nunc, quis molestie nisl vulputate sit amet. <a href="#">Find out more...</a></p></multiline>
                            <multiline label="Resources"><h5><em>Heading 2</em></h5>
                              <p>Proin aliquet cursus egestas. Ut sed ante lorem. Pellentesque venenatis tincidunt nulla at bibendum. Donec sagittis rutrum nunc, quis molestie nisl vulputate sit amet. <a href="#">Find out more...</a></p></multiline>
                              <multiline label="Resources"><h5><em>Heading 3</em></h5>
                              <p>Proin aliquet cursus egestas. Ut sed ante lorem. Pellentesque venenatis tincidunt nulla at bibendum. Donec sagittis rutrum nunc, quis molestie nisl vulputate sit amet. <a href="#">Find out more...</a></p></multiline></td>
                    </tr>
                    </table>
            
                </td>
            </tr>
            </table> 
            
            <a href="#top"><img src="images/top.gif" width="37" height="15" border="0" align="right" class="divider"></a><br>
            </layout></repeater>
            <!--END FEATURE BLOCK-->
                      
        
        </td>
    </tr>
    </table>

    <img border="0" src="images/spacer.gif" width="1" height="25" class="divider"><br>
    

    <table width="100%" cellpadding="0" cellspacing="0" border="0" bgcolor="#f2f2f2">
    <tr>
        <td>
        
            <img border="0" src="images/spacer.gif" width="1" height="30"><br>
        
            <table width="600" cellpadding="0" cellspacing="0" border="0" align="center" class="table">
            <tr>
                <td width="600" nowrap bgcolor="#f2f2f2" class="cell">
                
                    <table width="600" cellpadding="0" cellspacing="0" border="0" class="table">
                    <tr>
                        <td width="380" valign="top" class="footershow">
                        
                            <img border="0" src="images/spacer.gif" width="1" height="8"><br>  
                        
                            <p style="color:#a6a6a6;font-size:12px;font-family:Helvetica,Arial,sans-serif;margin-top:0;margin-bottom:15px;padding-top:0;padding-bottom:0;line-height:18px;" class="reminder">You’re receiving this because you’ve subscribed to the Moore College Newsletter. </p>
                            <p style="color:#c9c9c9;font-size:12px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;"><preferences style="color:#ADA97E;text-decoration:none;"></preferences>
                              <a href="https://forms.moore.edu.au/email/process.aspx?unsubscribe=" style="color:#ADA97E;text-decoration:none;"><strong>Unsubscribe</strong></a> <unsubscribe style="color:#f2f2f2; size:0px">unsubscribe</unsubscribe>
                        
                        </td>
                        <td align="right" width="220" style="color:#a6a6a6;font-size:12px;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;text-shadow: 0 1px 0 #ffffff;" valign="top" class="hide">
                        
                            <table cellpadding="0" cellspacing="0" border="0">
                            <tr>
                                <td><a href="http://vimeo.com/channels/moorecollege"><img border="0" src="images/vimeo.gif" width="42" height="32" alt="See our photos on Flickr"></a></td>
                                <td><a href="http://twitter.com/#!/moorecollege"><img border="0" src="images/twitter.gif" width="42" height="32" alt="Follow us on Twitter"></a></td>
                                <td><h3><a href="https://www.facebook.com/mooretheologicalcollege?ref=search&sid=803875415.4123641409..1"><img border="0" src="images/facebook.gif" width="32" height="32" alt="Visit us on Facebook"></a></h3></td>
                            </tr>
                            </table>
                        
                            <img border="0" src="images/spacer.gif" width="1" height="10"><br>
                            <p style="color:#b3b3b3;font-size:11px;line-height:15px;font-family:Helvetica,Arial,sans-serif;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;font-weight:bold;">Moore College</p>
                            <p style="color:#b3b3b3;font-size:11px;line-height:15px;font-family:Helvetica,Arial,sans-serif;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;font-weight:normal;">1 King St Newtown</p></td>
                    </tr>
                    </table>
                
                </td>
            </tr>    
               </table>

            <img border="0" src="images/spacer.gif" width="1" height="25"><br>
        
       </td>
    </tr>
    </table>
    
    </td>
</tr>
</table>                               

</body>
JohnP JohnP, 4 years ago

I know Outlook always puts huge gaps between tables when it is forwarded. Is the issue only occurring when forwarded from Outlook, or does it arrive first person in Outlook (straight from CM) with the gaps?

roshodgekiss roshodgekiss, 4 years ago

Hi JohnP, Outlook adds a lot of unnecessary formatting when an email is forwarded. Sadly, there's no workaround for this, as it's something Outlook does internally. Campaign Monitor pretty much sends the code as you wrote it, apart from moving CSS inline, as you may know.

Hope this clarifies things for you, but please let me know if you have any questions :)


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

Hi Ros, forbreakfast didn't mention anything about forwarding - I was just trying to rule out the Outlook <p class="MsoNormal"> forwarding issue first before anyone dives into debugging the code...

John

roshodgekiss roshodgekiss, 4 years ago

Sorry John, I didn't read this thread properly, my bad for misinterpreting things. :P forbreakfast - sorry for not taking a proper look at your code here, is there any possibility you could show us a screenshot of what's happening here? We'd be keen to reproduce this on our end.

Alternately, if you could get in touch with campaign details, we'll do our best to test and fix the template.

I read somewhere on this forum that recent versions of Outlook strip out certain CSS

Ah, you may be referring to this thread. Outlook doesn't support a lot of otherwise standard CSS, as we've documented in our CSS guide.

Also, many email clients ignore CSS in the <head> of HTML code. With this in mind, we automatically move most CSS inline at send time, to prevent it from disappearing altogether.

Thanks, forbreakfast - I really hope we can help out.


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