PLEASE HELP - email doesn't show up the same for all test recipients!

When I send the test email, which is in html, it shows up perfectly for everybody in my office except for two people. The designer of the email/announcement says that it shows up perfectly on all their test platforms, but it still doesn't show up right on those two computers. Any ideas why this might be? Everybody in the office uses Outlook 2007. THANK YOU!

Diana Diana, 6 years ago

Hi Janelle,

How is it different for those two people? Can you describe the differences (maybe post a screenshot) and post your code?

It is odd that it's showing differently for people using the same email client.


~*~~*~~*~~*~
D. Potter
Campaign Monitor
janellemacdonald, 6 years ago

I would, but I don't don't know how. Sorry - little behind the times, apparently. Will you instruct me how to post screen shots and the coding? Thanks.

Diana Diana, 6 years ago

Janelle,

You can just copy the code from your source and paste it in here. For a screenshot you'd need to have it hosted somewhere and post the URL to it. Otherwise just describe the issue.


~*~~*~~*~~*~
D. Potter
Campaign Monitor
janellemacdonald, 6 years ago

Here's the code. If you send me your email address I can send you a shot of what it's doing. (my email is jmacdonald@resourceslawgroup.com). Basically, one version shows up with big white blocks in it. The other doesn't. Thanks so much.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
     <title>Resources Law Group, LLP Newsletter</title>
     <style type="text/css" media="screen">
          * {
               padding: 0;
               margin: 0;
          }
          p {
               font-size: 14px;
               line-height: 21px;
               color: #555555;
               text-align: left;
               font-family: Arial, Helvetica, sans-serif, default;
          }
          a:link, a:visited {
               color: #cc0000;
               text-decoration: none;
               font-size: 10px;
          }
          a:hover, a:active {
               color: #333333;
          }
          a img {
               border: none;
          }
          ul {
               color: #316b8b;
               font-size: 12px;
               line-height: 15px;
          }
          li {
               list-style-type: none;
          }
          h2 {
               font-size: 19px;
               color: #62837c;
               font-family: "Times New Roman", serif, default;
               font-weight: normal;
          }
          h3 {
               font-size: 17px;
               font-weight: normal;
               color: #333333;
               line-height: 100%;
               font-family: Arial, Helvetica, sans-serif, default;
          }
          h4 {
               font-size: 15px;
               color: #cc0000;
               line-height: 160%;
               font-weight: normal;
               font-family: Arial, Helvetica, sans-serif, default;     
          }
          table.maincontent a:link,
          table.maincontent a:visited {
               color: #cc0000;
               font-style: italic;
               font-family: "Times New Roman", serif, default;
               font-size: 15px;
               font-weight: normal;
               text-decoration: none;
          }
          table.footer p {
               color: #ffffff;
               font-size: 11px;
               line-height: 13px;
          }
          td img {
               line-height: 0px;
               margin: 0px;
               padding: 0px;
               border: 0px;
          }

     </style>
</head>

<body>
     
     <!-- BEGIN WEB LINK BAR-->
     <table cellpadding="0" cellspacing="0" border="0" width="675" style="font: 12px Arial, Helvetica, sans-serif; color: #ffffff; ">
          <tr>
               <td>     
                    <p style="line-height: 12px;">&nbsp;</p> <!-- This is to simulate margin -->
                   
                    <p style="margin: 0; padding: 0; font-size: 10px; text-align: center; color: #62837c;">
                         If you are having trouble reading this email, <a href="http://gbltd.com/newsletters/rlg-v2/">read the online version</a>.
                    </p>
                   
                    <p style="line-height: 12px;">&nbsp;</p> <!-- This is to simulate margin -->
               </td>
          </tr>
     </table>
     <!-- END WEB LINK BAR-->
     
         
     <table class="maincontent" cellpadding="0" cellspacing="0" border="0" width="675" style="font: 12px Arial, Helvetica, sans-serif; border: 1px solid #c4b49a;">
         
          <!-- BEGIN LOGO HEADER BAR-->
          <tr>
               <td width="100%" height="53">
                    <table cellpadding="0" cellspacing="0" border="0" height="53">
                         <tr>
                              <td valign="top" colspan="3" height="12" style="line-height: 0px; padding: 0px; margin: 0px;">&nbsp;</td>
                         </tr>
                         <tr>
                              <td valign="top" width="12" height="29">&nbsp;</td>
                              <td valign="top" style="line-height: 0px;" width="651" height="29">
                                   <img style="display: block; line-height: 0px;" height="29" width="651" src="http://www.resourceslawgroup.com/images/Newsletter/rlg.gif" alt="Resources Law Group"/>
                              </td>
                              <td valign="top" width="12" height="29">&nbsp;</td>
                         </tr>
                         <tr>
                              <td valign="top" colspan="3" style="border-bottom: 1px solid #c4b49a; line-height: 0px; padding: 0px; margin: 0px;" height="12" width="675">&nbsp;</td>
                         </tr>
                    </table>
               </td>
          </tr>
          <!-- END LOGO HEADER BAR-->
         
     
          <!-- BEGIN MAIN CONTENT-->
          <tr>
               <td width="100%">
                    <table class="content" cellpadding="0" cellspacing="0" border="0">
                         <tr>
                              <td colspan="3" height="12">&nbsp;</td>
                         </tr>
                         <tr>
                              <td valign="top" style="line-height: 0px;" width="14" height="209">&nbsp;</td>     
                              <td valign="top" width="649" style="line-height: 0px; padding: 0px; margin: 0px;" height="209">
                                   <!-- BEGIN TOP IMAGE PORTION -->
                                   <img style="line-height: 0px; border: 0; display: block;" src="http://www.resourceslawgroup.com/images/Newsletter/turtle_top.jpg" height="209" width="649" alt="Resources Law Group"/>
                              </td>
                              <td valign="top" style="line-height: 0px;" width="12" height="209">&nbsp;</td>
                         </tr>
                         <tr>
                              <td colspan="3">
                                   <table cellpadding="0" cellspacing="0" border="0" height="271">
                                        <tr>
                                             <td valign="top" width="14" height="271" style="line-height: 0px;">&nbsp;</td>     
                             
                                             <td valign="top" height="271" width="363" style="line-height: 0px;">
                                                  <!-- BEGIN LEFT CENTER IMAGE PORTION -->
                                                  <img style="line-height: 0px; display: block;" height="271" width="363" src="http://www.resourceslawgroup.com/images/Newsletter/turtle_slices_02.jpg" alt="Resources Law Group"/>
                                             </td>
                                             
                                             <td width="270" height="271" bgcolor="#eaeaea" valign="top" style="line-height: 0px;">
                                             
                                             <!-- BEGIN CONTENT BLOCK -->     
                                                  <table width="270" height="271" cellpadding="0" cellspacing="0" border="0">
                                                       <tr>
                                                            <td valign="top" height="271" width="12" style="line-height: 0px;">&nbsp;</td>
                                                            <td valign="top" height="271" width="248" style="line-height: 0px;">
                                                                      <p style="line-height: 8px;">&nbsp;</p> <!-- This is to simulate margin -->

                                                                      <h4>Resources Law Group celebrates</h4>

                                                                      <h3>Ten Enduring Years</h3>

                                                                      <p style="line-height: 6px; font-size: 2px;">&nbsp;</p> <!-- This is to simulate margin -->

                                                                      <p>Since its inception as a small team of lawyers and consultants, RLG has protected ocean resources,
                                                                      advanced sound public policy, and conserved millions of acres across western North America to create
                                                                      enduring conservation for people, important places, and creatures like sea turtles...<a target="_blank"
                                                                      href="http://www.resourceslawgroup.com"> more on RLG ></a></p>
                                                            </td>
                                                            <td valign="top" height="271" style="line-height: 0px;" width="10">&nbsp;</td>
                                                       </tr>
                                                  </table>                                                 
                                             <!-- END CONTENT BLOCK -->     
                                                 
                                             </td>
                                             
                                             <td width="16" valign="top" height="271" style="line-height: 0px;" bgcolor="#111111">
                                                  <!-- BEGIN RIGHT CENTER PORTION -->
                                                  <img style="line-height: 0px; display: block;" height="271" width="16" src="http://www.resourceslawgroup.com/images/Newsletter/turtle_slices_04.jpg" alt="Resources Law Group" />
                                             </td>
                                             
                                             <td width="12" height="271" valign="top">&nbsp;</td>
                                        </tr>     
                                   </table>
                              </td>
                              <tr>
                                   <td width="14" style="line-height: 0; ">&nbsp;</td>     
                                   <td width="649" valign="top" style="line-height: 0;">
                                        <!-- BEGIN BOTTOM IMAGE PORTION -->
                                        <img style="display: block;" src="http://www.resourceslawgroup.com/images/Newsletter/turtle_slices_05.jpg" alt="Resources Law Group"/>
                                   </td>
                                   <td width="12" style="line-height: 0; ">&nbsp;</td>
                              </tr>
                         <tr>
                              <td colspan="2" style="text-align: right;">
                                   <p style="text-align: right; font-style: italic; font-family: Times New Roman; ">photography: <a target="_blank" href="http://www.livingseaimages.com">Marc
                                        Shargel</a></p>
                              </td>
                              <td>&nbsp;</td>
                         </tr>
                    </table>
               </td>
          </tr>
          <!-- END MAIN CONTENT -->
         
         
          <!--BEGIN AUTHOR BAR-->
          <tr>               
               <td width="100%">
                    <table width="100%" cellpadding="0" cellspacing="0" border="0">
                         <tr>
                              <td width="14">&nbsp;</td>
                              <td width="649">
                                   <h2>Other areas we're committed to... <a target="_blank" href="http://www.resourceslawgroup.com/b1.html">see the results ></a></h2>
                              </td>
                              <td width="12">&nbsp;</td>
                         </tr>
                         
                         <!-- BEGIN THUMBNAIL ROW -->
                         <tr>
                              <td colspan="3">
                                   <table cellpadding="0" cellspacing="0" border="0" style="line-height: 0;">
                                        <tr>
                                             <td width="12">&nbsp;</td>
                                             <td width="109"><img src="http://www.resourceslawgroup.com/images/Newsletter/rlg_img1.jpg" alt="Resources Law Group"/></td>
                                             <td width="109"><img src="http://www.resourceslawgroup.com/images/Newsletter/rlg_img2.jpg" alt="Resources Law Group"/></td>
                                             <td width="109"><img src="http://www.resourceslawgroup.com/images/Newsletter/rlg_img3.jpg" alt="Resources Law Group"/></td>
                                             <td width="109"><img src="http://www.resourceslawgroup.com/images/Newsletter/rlg_img4.jpg" alt="Resources Law Group"/></td>
                                             <td width="109"><img src="http://www.resourceslawgroup.com/images/Newsletter/rlg_img5.jpg" alt="Resources Law Group"/></td>
                                             <td width="109"><img src="http://www.resourceslawgroup.com/images/Newsletter/rlg_img6.jpg" alt="Resources Law Group"/></td>
                                             <td>&nbsp;</td>
                                        </tr>
                                   </table>
                              </td>
                         </tr>
                         <!-- END THUMBNAIL ROW -->
                         
                         <tr>
                              <td colspan="2" style="text-align: right;">
                                   <p style="text-align: right; font-style: italic; font-family: Times New Roman; ">photography: Tupper
                                        Ansel Blake; <a target="_blank" href="http://www.pelicanmedia.org">Judy Irving</a>; <a target="_blank" href="http://www.alanharper.com">Alan Harper</a></p>
                                   </td>
                         </tr>
                         <tr>
                              <td colspan="3" height="12" style="line-height: 0;">&nbsp;</td>
                         </tr>
                    </table>
               </td>
          </tr>
          <!--END AUTHOR BAR-->
         
     </table>     
     
     
     <!-- BEGIN UNSUBSCRIBE BUTTON-->
     <table class="footer" cellpadding="0" cellspacing="0" border="0" width="675" style="font: 12px Arial, Helvetica, sans-serif; color: #ffffff; ">
          <tr>
               <td colspan="3">
                    <p style="line-height: 12px;">&nbsp;</p> <!-- This is to simulate margin -->
                   
                    <p style="text-align: center; color: #62837c;"><unsubscribe>Click here to Unsubscribe</unsubscribe></p>
                   
                    <p style="line-height: 12px;">&nbsp;</p> <!-- This is to simulate margin -->
               </td>
          </tr>
     </table>
     <!--END UNSUBSCRIBE BUTTON-->

</body>
</html>

Mike Dragonetti, 6 years ago

One of my recipients also hads Outlook 2007 and says he gets only blank e-mails from me. 

I uploaded the e-mail to one of my websites:

http://www.koc3488.com/PowellEmail101810.html

Please feel free to "view source" and tell me if I'm doing anything wrong.

Thanks!

Stig Stig, 6 years ago

@Janelle,

I see the white block is being caused by the height of the text cell ("Resources Law Group celebrates Ten Enduring Years ..") exceeding the height of the image cell next to it, so it stretches the whole row and creates a gap below the image.

The extra height seems to be mainly due to the <p style="line-height: 8px;">&nbsp;</p> spacer paragraphs.

Outlook 2007 (and now 2010) handles line-height in a weird way, but adding mso-line-height-rule:exactly; to the style attribute should solve this.

Also, unless you're ticking the "Move a copy of my CSS inline" checkbox when importing the campaign, the h3 and h4 headings will have extra padding and margin which adds to the gap. You can avoid this by adding margin: 0; padding: 0; to the inline styles for those tags (or simply tick the box to bring the CSS inline).


@Mike,

It seems the conditional comments (particularly the ones in the head) are causing Outlook 2007 to show the email as being blank. If you remove those, the content should be visible in Outlook.

Please let us know if that doesn't solve the problems.


The Campaign Monitor Blog – HTML email smarts to go with your good looks.

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