I have been having a recurring problem with outlook 2007 and 2010. It seems that outlook ignores the vertical alignment of images in table cells and it also partially disregards the background color of cells resulting in visual gaps in cells with images (HTML below). I ran an acid test and the code doesn’t show that the HTML was re-interpreted from what I wrote. Any thoughts on what might be causing this issue?
Here’s a link to the test doc: http://www.jmorrisongroup.com/public/AAAS/Outlook_Test/Outlook_Test1.html
Here’s the HTML I used for my test:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html >
<head>
<meta http-equiv=“Content-Type” content=“text/html; charset=utf-8” />
<title>Untitled Document</title>
</head>
<body>
<table width=“800” cellspacing=“0” cellpadding=“0” style=“border:1px solid #999; margin-bottom:10px; “>
<tr>
<td align=“left” valign=“middle” style=“padding:20px; border-right: 1px solid #999;background-color:#036”>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc malesuada. Donec id nulla vitae nisl adipiscing vestibulum. Sed suscipit, lectus non vestibulum vulputate, felis nulla iaculis nunc, varius suscipit nisl ante non elit. In pede libero, nonummy vel, feugiat non, sagittis eu, neque. Duis gravida. Sed ante. Sed faucibus. Nulla vel mauris. Sed tristique egestas orci. Phasellus hendrerit massa et dui. Morbi bibendum mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi ac lorem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Vestibulum sapien. In dignissim lobortis tellus. Vivamus pretium augue viverra lorem.
</td>
<td valign=“bottom” bgcolor=”#000000”>http://[myURL]/images/image1.jpg</td>
</tr>
</table>
</body>
</html>
