border not showing in Outlook 2007

Hi,

I am currently preparing a newsletter and i am running into a Outlook 2007 border dispaly issue.
issue: Outlook 2007 is not showing the right borders. Top,bottom and left dispaly fine. This only occurs in
Outlook 2007. The layout is rendered correctly in Hotmail, Gmail, Yahoo, IE7&FF.

The border style is applied to div tags: <div style="border: 1px solid #cbd9e6;">

This is a Google Mail restriction:

"If a border around a TD cell is needed, Google Mail displays a border
when defined in a DIV but not when defined as a border style in a TD tag."
(http://www.reachcustomersonline.com/content/2004/11/11/09.27.00/index.php)


For the purpose of troubleshooting i have set all borders margins and paddings to 0

i tried border-collapse:collapse and border-collapse:separate, no difference
i tried border-spacing, no difference

source code:

<table width="701" border="0" cellspacing="0" cellpadding="0" style="  border-collapse:collapse; border:0; margin:0">
<tr>
<td  colspan="2" width="701"><img src="http://www.babatounkara.net/pert/pert_header.jpg" width="701" height="95" /></td>
</tr>
  <tr>
    <td width="100" height="610" valign="top"><img src="http://www.babatounkara.net/pert/pert_left.jpg" width="100" height="604" /></td>
    <td width="601" height="610"><div style="border: 1px solid #cbd9e6;" ><table width="601" border="0" cellspacing="0" cellpadding="0" style="  border-collapse:collapse; border:0; margin:0">
  <tr>
    <td width="347" height="610"><table width="347" height="600" border="0" cellspacing="0" cellpadding="0" style="  border-collapse:collapse; border:0; margin:0">
  <tr>
    <td width="345" height="60" colspan="2"><img src="http://www.babatounkara.net/pert/pert_title%20copy.jpg" width="345" height="60" /></td>
  </tr>
  <tr>
    <td width="11" height="544" valign="top">&nbsp;</td>
    <td width="335" align="left" valign="top"><div style="border: 1px solid #cbd9e6;"><table bgcolor="#f1f8ff" width="337" border="0" cellspacing="0" cellpadding="0" style="  border-collapse:collapse; border:0; margin:0">
  <tr>
    <td height="20" style=" color:#000000;line-height:1.2em; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; padding:5px;">Dr. blablablabla</td>
  </tr>
 
  <tr>
    <td height="70"><table width="335" border="0" cellspacing="0" cellpadding="0" style="  border-collapse:collapse; border:0; margin:0">
  <tr>
    <td width="71" height="70"><img src="http://www.babatounkara.net/pert/pert_1-1.jpg" width="71" height="70" /></td>
    <td width="318" height="70" style=" color:#000000;line-height:1.2em; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; padding:5px;">blablablablabla</td>
  </tr>
</table></td>
  </tr>
  <tr>
    <td height="70" style=" color:#000000;line-height:1.2em; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; padding:5px;">blablablablablablablablablabla</td>
  </tr>
  <tr>
    <td height="347" valign="top" style=" color:#000000;line-height:1.2em; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; padding:5px;"><p>blablablablablablablablablablablabla</p>
    <p>blablablablablablablablablablablablablabla</p>
    <p>blablablablablablablablablablablablablabla</p>
    <p>blablablablablablablablablablablablablabla</p>
    <p>blablablablablablablablablablablablablabla</p>
    <p>blablablablablablablablablablablablablabla</p>
    <p>blablablablablablablablablablablablablabla</p>
    <p>blablablablablablablablablablablablablabla</p>
    <p>blablablablablablablablablablablablablabla</p></td>
  </tr>
  <tr>
    <td height="18"><table width="335" border="0" cellspacing="0" cellpadding="0" style="  border-collapse:collapse; border:0; margin:0">
  <tr>
    <td width="18" height="15"><img src="http://www.babatounkara.net/pert/pert_arrow.jpg" width="18" height="15" /></td>
    <td width="317" height="15" style=" color:#000000;line-height:1.2em; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; padding:5px;">blablablabla</td>
  </tr>
</table></td>
  </tr>
</table></div></td>
  </tr>
 
</table>
      <p>&nbsp;</p>
      <p>&nbsp;</p></td>
    <td width="11" valign="top">&nbsp;</td>
    <td width="243" valign="top"><table width="243" border="0" cellspacing="0" cellpadding="0" style=" table-layout:fixed; border-collapse:collapse; border:0; margin:0">
  <tr>
    <td height="82"><img src="http://www.babatounkara.net/pert/pert_button%20copy.jpg" width="243" height="82" /></td>
  </tr>
 
  <tr>
    <td height="20" style=" color:#000000;line-height:1.2em; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; padding:5px;">NEW blablabla</td>
  </tr>
  <tr>
    <td height="72"><table width="243" border="0" cellspacing="0" cellpadding="0" style=" table-layout:fixed; border-collapse:collapse; border:0; margin:0">
  <tr>
    <td width="70" height="72"><img src="http://www.babatounkara.net/pert/pert_2-1.jpg" width="70" height="72" /></td>
    <td width="173" height="72" style=" color:#000000;line-height:1.2em; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; padding:5px;">blablablablabla</td>
  </tr>
</table></td>
  </tr>
  <tr>
    <td height="36"><p>&nbsp;</p>    </td>
  </tr>
  <tr>
    <td height="16"><table width="243" border="0" cellspacing="0" cellpadding="0" style=" table-layout:fixed; border-collapse:collapse; border:0; margin:0">
  <tr>
    <td width="18" height="15"><img src="http://www.babatounkara.net/pert/pert_arrow.jpg" width="18" height="15" /></td>
    <td width="225" height="15" style=" color:#000000;line-height:1.2em; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; padding:5px;">blablablabla</td>
  </tr>
</table></td>
  </tr>
</table></td>
  </tr>
</table></div></td>
  </tr>
</table>

robenslin, 8 years ago

Hi STABLINSKI,

Could you send me a proof to look at? (renslin at cmpi dot biz)

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