We help IT Professionals succeed at work.

Unwanted horizontal gap in HTML email in Outlook 2007

Tyrelsmythe
Tyrelsmythe used Ask the Experts™
on
Hi There

I am having a nightmare with two horizontal blank spaces appearing in this HTML email in Outlook 2007. I have aligned the text to the top of each section inserted style="display: block; on each image, read countless forum and tried everything, please could you let me know what i can do to fix the very annoying problem. Code attached.
<html>
<head>
<title>US_newsletter</title>
<meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" />

</head>
<body marginheight="0" topmargin="0" marginwidth="0" leftmargin="0" bgcolor="#FFFFFF">
<!-- Save for Web Slices (US_newsletter.jpg) -->
<table cellspacing="0" border="0" id="Table_01" align="center" height="951" cellpadding="0" width="600">
	<tr valign="top"><td height="91" width="600" colspan="9">
			<img src="http://www.kyp.com/newsletter/HealthcareUS/images/US_newsletter_01.gif" height="91" alt="" style="display: block;" width="600" /></td></tr>
	<tr valign="top"><td height="" valign="top" width="47">
			<img src="http://www.kyp.com/newsletter/HealthcareUS/images/US_newsletter_02.gif" height="64" alt="" style="display: block;" width="47" /></td>
		<td height="49" align="left" valign="top" width="46"><span style="font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #666;">XXx</span></td>
		<td width="21">
			<img src="http://www.kyp.com/newsletter/HealthcareUS/images/US_newsletter_04.jpg" height="64" alt="" style="display: block;" width="21" /></td>
		<td height="49" align="left" valign="top" width="193"><span style="font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #666">Xxxxxx</span></td>
		<td height="49" align="left" valign="top" width="268" colspan="4"><p><a href="#Curametrx" class="1" style="text-decoration: NONE;"><span style="color: #007073; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;">&bull; Fgb xxxxxxxx xxxxx xx & xxxxxxxxx xxxxxxx<br>
			   </span></a><a href="#Study" class="1" style="text-decoration: NONE;"><span style="color: #007073; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;">&bull; xxx xxxxxxx xxxxxxxxxx xxxxx<br>
		    </span></a><a href="#Equity" class="1" style="text-decoration: NONE;"><span style="color: #007073; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;">&bull; xxx xxxxx xx xxxxxx xxxxx xx xxxxxxx xxxxxxxxx</span></a></p></td>
		<td align="left" valign="top" width="18">
			<img src="http://www.kyp.com/newsletter/HealthcareUS/images/US_newsletter_07.jpg" align="left" height="64" alt="" style="display: block;" width="18" /></td></tr>
	<tr valign="top"><td valign="top" colspan="9">
			<img src="http://www.kyp.com/newsletter/HealthcareUS/images/US_newsletter_08.gif" height="7" alt="" style="display: block;" width="600" /></td></tr>
	<tr valign="top"><td rowspan="2" height="35" valign="top" width="47">
			<img src="http://www.kyp.com/newsletter/HealthcareUS/images/US_newsletter_09.gif" height="35" alt="" style="display: block;" width="47" /></td>
		<td height="16" valign="top" style="font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 11px; vertical-align: text-top;" bgcolor="#007073" colspan="4"><a name="Curametrx"></a>xxx xxxxxxxxx xxxxx xx & xxxxxxxxx xxxxxxx</td>
		<td rowspan="2" align="left" height="35" valign="top" colspan="4">
			<img src="http://www.kyp.com/newsletter/HealthcareUS/images/US_newsletter_11.gif" height="35" alt="" style="display: block;" width="277" /></td></tr>
	<tr valign="top"><td valign="top" colspan="4">
			<img src="http://www.kyp.com/newsletter/HealthcareUS/images/US_newsletter_12.gif" align="top" height="19" alt="" style="display: block;" width="276" /></td></tr>
	<tr valign="top"><td valign="top" width="47">
			<img src="http://www.kyp.com/newsletter/HealthcareUS/images/US_newsletter_13.gif" height="198" align="top" alt="" style="display: block;" width="47" /></td>
		<td valign="top" style="font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666;" colspan="4"><p valign="top">xxx xxx xxxxxxxx x xxx xxxxxxxxxxx xxxxxxxxx xxxxxxxx xxxxxx xxxxxxxxx xx xxxx xxxxxxx xxx xxxxxx xxxxxxxx xxxxxxx xxxxx xxxxxxxxxx xxxxxxxxx xxxxxxxxxx.</p>
		<p><a href="http://www.kyp.com/healthcare/home.aspx" target="_blank" style="text-decoration: none;"><span style="color: #007073; font-weight: bold;">xxxxx xxxx</span></a> xxx x xxxx xx xxx xx xxxxx xxx<br />
		   xxxx xx xx xxxxxxxx xxx xxxxx-xxxxxxx xxxxxxx xxxxxxx.</p><p> 
xxxx xxxxxxxxxxx xxx xxxxxxxxxxxx xxxxxxxxxxx xxxxxx xxx xxxxxx xxxx xx xxxx xxxx xxxxxx xxxxx  xxxxxxxx xxx xxxxxxx xxxxx xxxxxx xx xxxxxxx xxx xxxxxxxx xx xxx, xxxx xxxxxxxxx, xxx xxxxxxxx xxxxxxxxxxxx.</p> </td>
		<td valign="top" colspan="3">
			<img src="http://www.kyp.com/newsletter/HealthcareUS/images/US_newsletter_15.jpg" height="198" alt="" style="display: block;" width="259" /></td>
		<td align="left" valign="top" width="18">
			<img src="http://www.kyp.com/newsletter/HealthcareUS/images/US_newsletter_16.gif" align="top" height="198" alt="" style="display: block;" width="18" /></td></tr>
	<tr valign="top"><td valign="top" colspan="9">
			<img src="http://www.kyp.com/newsletter/HealthcareUS/images/US_newsletter_17.gif" height="6" alt="" style="display: block;" width="600" /></td></tr>
	<tr valign="top"><td rowspan="2" height="36" valign="top" width="47">
			<img src="http://www.kyp.com/newsletter/HealthcareUS/images/US_newsletter_18.gif" height="36" alt="" style="display: block;" width="47" /></td>
		<td height="16" valign="top" style="font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 11px; vertical-align: text-top;" bgcolor="#666666" colspan="6"><a name="Study"></a>xxx xxxxxxxxx xx&rsquo;x xxxx xxxxxxx xxxxxxxxxx xxxxx</td>
		<td rowspan="2" align="left" valign="top" colspan="2">
			<img src="http://www.kyp.com/newsletter/HealthcareUS/images/US_newsletter_20.gif" height="36" alt="" style="display: block;" width="268" /></td></tr>
	<tr valign="top"><td colspan="6">
			<img src="http://www.kyp.com/newsletter/HealthcareUS/images/US_newsletter_21.gif" height="20" alt="" style="display: block;" width="285" /></td></tr>
	<tr valign="top"><td height="214" valign="top" width="47">
			<img src="http://www.kyp.com/newsletter/HealthcareUS/images/US_newsletter_22.gif" height="214" alt="" style="display: block;" width="47" /></td>
		<td valign="top" style="font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666;" colspan="4"><p valign="top">x xxxxxs xxx xxxxx xxx xxxxx xxxx xxxx  xxx xxx fx txxxx xxxxxxxs xxxx ovxxxxd  bx ixxxxx hxx xx axxxnt dxxxxxx fxxx xxxx xxxxx.</p>
		<p> <b>xxx xxxxx xxe:</b> <br>
&bull; <b>x</b> lxx xxxxor xxxx xxx, 
xx xxxxt<b> 22% </b>xxx x xxxx xxxx xxx xxxxx<br>
&bull; xxxx <b>25%</b> xxxxxx xxxxxx xxxxxx xxxxxxxxx xxxx xxxxxx<br>
		&bull; <b>65%</b> xxxx xxxxx xxxxx xxxx xx XXXX xxx xxxx <b>2%</b> 
xxxxx xxxxxxxx xxxxxx xxxx</p>
<span style="color: #007073; font-weight: bold;">xxxxx xxxx</span> xx xxxxxxxx xxxx xxxx xxxxx xxxx</td>
		<td valign="top" colspan="3">
			<img src="http://www.kyp.com/newsletter/HealthcareUS/images/US_newsletter_24.jpg" height="214" alt="" style="display: block;" width="259" /></td>
		<td align="left" valign="top" width="18">
			<img src="http://www.kyp.com/newsletter/HealthcareUS/images/US_newsletter_25.gif" height="214" alt="" style="display: block;" width="18" /></td></tr>
	<tr valign="top"><td valign="top" colspan="9">
			<img src="http://www.kyp.com/newsletter/HealthcareUS/images/US_newsletter_26.gif" height="6" alt="" style="display: block;" width="600" /></td></tr>
	<tr valign="top"><td rowspan="2" valign="top" width="47">
			<img src="http://www.kyp.com/newsletter/HealthcareUS/images/US_newsletter_27.gif" align="top" height="36" alt="" style="display: block;" width="47" /></td>
		<td height="17" valign="top" style="font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 11px; vertical-align: text-top;" bgcolor="#666666" colspan="5"><a name="Equity"></a>xxx xxxxxxxxx xx&rsquo;s xxxx xxxxxxx xxxxxxxxxx</td>
		<td rowspan="2" valign="top" colspan="3">
			<img src="http://www.kyp.com/newsletter/HealthcareUS/images/US_newsletter_29.gif" height="36" alt="" style="display: block;" width="273" /></td></tr>
	<tr valign="top"><td colspan="5">
			<img src="http://www.kyp.com/newsletter/HealthcareUS/images/US_newsletter_30.gif" height="19" alt="" style="display: block;" width="280" /></td></tr>
	<tr valign="top"><td valign="top" width="47">
			<img src="http://www.kyp.com/newsletter/HealthcareUS/images/US_newsletter_31.gif" align="top" height="179" alt="" style="display: block;" width="47" /></td>
		<td valign="top" style="font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666;" colspan="4">xxx xx xxxxxxxx xx xxxxxxx xx xxx xxxxx xx xxxxxx xxxxx xx xxxxxxxxx xxxxxx xxxxxxx xxxxxxxxx (VC). xxxxxx xxx xxxx xxx xxxxx, xxx xxxxxxxxx xxxxxxxxxx xxxxxxx xxx xxxxx xx xxx xxxxxxxxx xxxxxxxx xxx xx&rsquo;s xxxxxxxxxxx xxxxxxxxxx xxxxxx xxx xxxxxxxxx xxxxx xxx xx xxxxxxxxx xx xx xxxxxxxxx xx xxx xxxxxxxxx xxxxxxxxxx. 
<br /><br /><a href="http://www.kyp.com/Blog/Blogs/Kyp-Takes-an-Equity-Stake-in-Visible-Computing.aspx?tag=&topic=" target="_blank" style="text-decoration: none;"><span style="color: #007073; font-weight: bold;">xxxxx xxxx</span></a> xx xxxx xxx xxxx xxxxxxx...</td>
		<td valign="top" colspan="3">
			<img src="http://www.kyp.com/newsletter/HealthcareUS/images/US_newsletter_33.jpg" height="179" alt="" style="display: block;" width="259" /></td>
		<td align="left" valign="top" width="18">
			<img src="http://www.kyp.com/newsletter/HealthcareUS/images/US_newsletter_34.gif" height="179" alt="" style="display: block;" width="18" /></td></tr>
	<tr valign="top"><td valign="top" width="600" colspan="9">
			<img src="http://www.kyp.com/newsletter/HealthcareUS/images/US_newsletter_35.gif" align="top" height="78" alt="" style="display: block;" width="600" /></td></tr>
	<tr valign="top"><td width="47">
			<img src="http://www.kyp.com/newsletter/HealthcareUS/images/spacer.gif" height="1" alt="" style="display: block;" width="47" /></td>
		<td width="46">
			<img src="http://www.kyp.com/newsletter/HealthcareUS/images/spacer.gif" height="1" alt="" style="display: block;" width="46" /></td>
		<td width="21">
			<img src="http://www.kyp.com/newsletter/HealthcareUS/images/spacer.gif" height="1" alt="" style="display: block;" width="21" /></td>
		<td width="197">
			<img src="http://www.kyp.com/newsletter/HealthcareUS/images/spacer.gif" height="1" alt="" style="display: block;" width="197" /></td>
		<td width="12">
			<img src="http://www.kyp.com/newsletter/HealthcareUS/images/spacer.gif" height="1" alt="" style="display: block;" width="12" /></td>
		<td width="4">
			<img src="http://www.kyp.com/newsletter/HealthcareUS/images/spacer.gif" height="1" alt="" style="display: block;" width="4" /></td>
		<td width="6">
			<img src="http://www.kyp.com/newsletter/HealthcareUS/images/spacer.gif" height="1" alt="" style="display: block;" width="5" /></td>
		<td width="250">
			<img src="http://www.kyp.com/newsletter/HealthcareUS/images/spacer.gif" height="1" alt="" style="display: block;" width="250" /></td>
		<td width="18">
			<img src="http://www.kyp.com/newsletter/HealthcareUS/images/spacer.gif" height="1" alt="" style="display: block;" width="18" /></td>
	</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>

Open in new window

Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
It looks to me as if the text is causing the problem. The border image height is 198, but I think that the height of the cell is going beyond that. Perhaps look at modifiying the text to make it smaller, or increase the image height - perhaps expand the blue at the bottom and then don't specify the height so that it always fills the cell.

Author

Commented:
Thanks for your help Roybridge. It's looking much better now.
Glad to help - don't forget the points please :-)