Does anyone know why the code below renders incorrectly for some versions of Outlook 2010? I am inserting HTML into a blank email using Attach File > Insert as Text and it looks fine (I am running Outlook 2010 v 14).
However, when some of my colleagues using Outlook 2010 use the same approach, Outlook inserts spaces in the table and changes the overall layout.
Any ideas on what might be causing this?
Code:
<table id="Table_01" width="555" height="83" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="555" height="32" colspan="7" style="line-height: 0;"><img src="http://contentz.mkt4992.com/lp/43248/278098/images/final_chart_eng_01.jpg" width="555" height="32" alt="" border="0" style="display:block; line-height: 0;"></td>
</tr>
<tr>
<td width="6" height="37" style="line-height: 0;"><img src="http://contentz.mkt4992.com/lp/43248/278098/images/final_chart_eng_02.jpg" width="6" height="39" alt="" border="0" style="display:block;"></td>
<td width="162" height="37" align="center" valign="middle" bgcolor="#F2F2F2">
<table width="150" border="0" align="center" cellpadding="0" cellspacing="0" style="border-collapse:collapse;">
<tr>
<td align="center" valign="middle" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#7a6e67; line-height:16px; border-collapse:collapse;"><div style="font-size:5px; line-height:5px;"> </div>
---</td>
</tr>
</table></td>
<td width="7" height="37" style="line-height: 0;"><img src="http://contentz.mkt4992.com/lp/43248/278098/images/final_chart_eng_04.jpg" width="7" height="39" alt="" border="0" style="display:block;"></td>
<td width="177" height="37" align="center" valign="middle" bgcolor="#F2F2F2" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#7a6e67; line-height:16px;"><table width="165" border="0" align="center" cellpadding="0" cellspacing="0" style="border-collapse:collapse;">
<tr>
<td align="center" valign="middle" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#7a6e67; line-height:16px;"><div style="font-size:5px; line-height:5px;"> </div>
---</td>
</tr>
</table></td>
<td width="6" height="37" style="line-height: 0;"><img src="http://contentz.mkt4992.com/lp/43248/278098/images/final_chart_eng_06.jpg" width="6" height="39" alt="" border="0" style="display:block;"></td>
<td width="191" height="37" align="center" valign="middle" bgcolor="#F2F2F2" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#7a6e67; line-height:16px;"><table width="175" border="0" align="center" cellpadding="0" cellspacing="0" style="border-collapse:collapse;">
<tr>
<td align="center" valign="middle" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#7a6e67; line-height:16px;"><div style="font-size:5px; line-height:5px;"> </div>
---
</td>
</tr>
</table></td>
<td width="6" height="37" style="line-height: 0;"><img src="http://contentz.mkt4992.com/lp/43248/278098/images/final_chart_eng_08.jpg" width="6" height="39" alt="" border="0" style="display:block;"></td>
</tr>
<tr>
<td width="555" colspan="7" style="border-collapse:collapse; line-height: 0;"><img src="http://contentz.mkt4992.com/lp/43248/278098/images/final_chart_eng_09.jpg" width="555" height="14" alt="" border="0" style="display:block;"></td>
</tr>
</table>