Why is my nested html table row jumping significantly down the page in Outlook 2007? Someone said it must be my table, but I can't see how the coding is any different!

Here is a link to the web version of the page, which is rendering just fine in IE7 and the html page version of the output in my email service. http://sc.iiaa.org/Benefits-Services/enews/BenefitsAug09email.html

The following are screen shots of what is happening:

1 - How I want it to look:

How I want it to look

2 - What it IS doing in Outlook 2007:

alt text

alt text

3 - a glimpse at the code and my rendering program:

alt text

I have tried everything I know to do.

I have copied the code for the entire row from a row that DOES render correctly and pasted it over the faulty row.

I have tried removing the images on the side (green) column.

I have tried removing the table row that is jumping and adding "Back to the top" links to the end of each of the stories (cells) in the previous row.

I have tried ending the table and starting a new one.

I have tried ending the table, adding a div tag, then a paragraph tag with inline css tag around back to the top and THEN starting a new table.

I have tried removing the images in the previous stories (row).

What else should I try? What is happening?

7 answers

3
points

The W3C's validation service is reporting lot of errors in your code. You should try to resolve the errors found here. It seems like your opening and closing tags could be out of sync, and that can cause huge problems depending on their location in your code. If you can resolve all of the errors being reported and re-validate successfully I think you'll be well on your way to eliminating the problem.

Answered over 7 years ago by Edward Williams
1
point

Outlook 2007 is the version that started using Word to render it's HTML. If you are sticking to old school HTML (which it appears) you should not have too many problems. But it's possible theres something there.

Try opening the file in Word and see what it looks like.

When you can, specify heights and width of your cells. Use CSS only for some text styles, and not much else. Here's a few articles on Outlook 2007

http://www.sitepoint.com/blogs/2007/01/10/microsoft-breaks-html-email-rendering-in-outlook/ http://www.campaignmonitor.com/blog/post/2396/the-truth-behind-the-outlook-2007-change-and-what-you-can-do-about-it/

http://www.campaignmonitor.com/css/

Answered over 7 years ago by Richard Testani
1
point

Generally, with an HTML email you will want to avoid nested tables. I try to not go more than 3 deep. Some email clients will "choke" when there are a lot of nested tables.

Answered about 7 years ago by Justin Jackson
0
points

I tried to add your page to outlook 2007 and its working fine for me.

How do you insert the HTML to outlook ?

I copied the web page and pasted it in outlook 2007 Steps: (select all from "ctrl+A") -> (capy it "ctrl+C") and past it in outlook 2007 ("ctrl +V")

Answered about 7 years ago by Niluka De Silva
0
points

I use a separate email vendor to send out the html I upload so that I can track clicks and open rates. My office uses Outlook 2007 to send a receive email, so that is how it looks when I get it. I have other email accounts to check its appearance before I send it out, but most of my recipients use Outlook 2007, so that is the one I design to. Are you saying I probably need to change my email vendor?

Answered about 7 years ago by Anita Trevino
0
points

And to answer catwoman's suggestion - it does not jump when I open the document in Word. What email applications (Constant Contact, etc.) do you use?

Answered about 7 years ago by Anita Trevino
0
points

Oh, and specifying cell width and heights did not prevent it either - although I didn't know you could do that - so thanks anyway. I might make that a habit anyway.

Answered about 7 years ago by Anita Trevino