Why this giant space in IE?

Why this giant space in IE?

N Hansen -
回帖数:5
Since my upgrade to 1.5, a giant space has appeared at the top of my pages in IE. Could someone please take a look at my site: http://www.glyphdoctors.com with both IE and Firefox? Anyone have an idea why there is that giant space on the top of the page in IE, but not in Firefox? 
回复N Hansen

Re: Why this giant space in IE?

N Hansen -
I tried switching to the layout from one of Himmat's themes (global15). It shrunk the space some, but it's still there. Any advice on what is actually causing this would be appreciated.
回复N Hansen

Re: Why this giant space in IE?

Urs Hunkler -
Core developers的头像

Hi Nicole,

I looked at the page of your site at www.glyphdoctors.com and discovered, that you write

<div class="headermain">

and

<div class="headermenu">

around <tr> in the header table. This is not valid. Validation shows these errors:

Line 62, column 26: document type does not allow element "div" here
<div class="headermain">

The Browsers seam to "correct" the problem by moving the two divs as empty divs before the table, which produces the extra space in MSIE. I tried and took the divs out in a copy of your page and everything worked fine.

I think you must rework your header to solve this behavior in MSIE.

I hope this helps.
Urs

回复Urs Hunkler

Re: Why this giant space in IE?

N Hansen -
Thanks, it worked. I just removed those divs entirely, as the classes don't seem to have any affect anyway on the appearance.
回复N Hansen

Re: Why this giant space in IE?

Vu Hung -

Hi N Hansen,

If I see your header.html code, perhaps I can help you? smile

回复Vu Hung

Re: Why this giant space in IE?

N Hansen -
Sure, thanks, I'm attaching my header code. I just modified my 1.4.4 header to reflect the other code changes in the 1.5 header, perhaps I did something wrong...