Extra Space Above Image in Outlook 2007

Hoping someone can provide a little help...having a bizarre spacing issue w/Outlook '07.

After making a bunch of minor fixes I still cannot figure out why there is a giant gap above one of the photos. The HTML Validates perfectly, looks fine in IE6-8, and the issue cannot be reproduced in the other email clients I've tested in.

Here is a snippet of the specific area:

<p style="font-family:Times,serif;margin: 0 20px 0 20px;text-align: left;font-size: 14px;line-height: 19px;color: #333;">It has been a rewarding year; it is especially gratifying to help those who truly want the help!</p>
                        <img height="209" width="317" src="http://www.bbhb.ca/newsletter/fall/photo.jpg" alt="Bob Ridley, Man of the Year" style="margin:0 0 5px 0;float:left;display:block;" align="top">
                        <p style="font-family:Times,serif;margin: 0 20px 10px 20px;text-align: left;font-size: 12px;line-height: 17px;color: #333;clear:left;">BBHB President, Bob Ridley, accepts the Greater Ottawa Home Builders' "Man of the Year" from Eo John Herbert at their annual awards banquet.</p>

I have tried placing the <img> code directly after the above <p>, and inside the <p> and it didn't seem to make a difference.

The complete code can be viewed here.

Any help, tips or suggestions would be greatly appreciated.

fyredefyre fyredefyre, 6 years ago

Wow, you sure do like custom margins!

It'd try tweaking your main table that contains this image as this would affect your image positioning. You could set this to zero and then re-test as a starting point.

If it were me personally I'd use a table cell to create the margins instead as mixed results such as these can occur.

www.phenom.com.au - Everything Email.
Email: jordan.hunt@phenom.com.au Skype: fyredefyre
marchman, 6 years ago

Larry I had the same problem with Outlook 2007 where the base of the left hand column (Table in blue) pushes the image down to align the top of the image on the right to the bottom of the base of the table.

I managed to resolve the issue by nesting the left hand table in a <div> or <span>tag. The div tag was obsolete but seemed to break the relationship between to the tables and the image. You should see what happens if you remove the "float left in the image"

I would love to see how you get on.

coxrichuk, 5 years ago

Larry how did you get on with this?

I am having the same problem ...

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