The following page is mucked up in IE8 -- the bulk of the content starts appearing half way down the screen and the tables/divs do not look as they should. It works in other browsers and in IE8 compatibility mode. I've inspected the HTML and can't work out what's wrong. Any help would be appreciated. Thanks.
+1
A:
After a quick glance in Firefox and IE8, I'd say there is some malformed HTML in there somewhere. Looks to me like a mismatched open/close tag that IE8 isn't forgiving. Run the whole thing through an HTML validator.
Dave Swersky
2009-11-02 16:42:50
Tinister
2009-11-02 16:57:04
A:
I suggest removing the min-height: 800px; CSS value from the first DIV element after <div id="mainContent">. Apparently IE8 renders the first child block level element with that height irrespective of any other contained elements.
Then again, those HTML validation results are pretty grim. Try to fix some of the invalid HTML and make sure that all of your tags are closed properly.
zdawg
2009-11-02 17:15:03
I've removed that min-height value, and I've managed to improve the validation results -- down to 4 errors, 2 warnings, but it is still not displaying as intended. Again, this seems to only be happening in IE8.
alpheus
2009-11-02 22:02:40
Make sure that you don't have further superfluous height attributes and that your use the IE8 Developer Tools (F12) to diagnose the problem. I can't readily modify your HTML using this tools, only some of he attributes. For example in the validation errors, you have Javascript code being interpreted as XHTML. Make sure you use XHTML comments (<!--- ... -->) around your Javascript blocks to prevent these errors. Add alt tags to your imgs. And place the title tag within the head tag. That should improve the validation a great deal.
zdawg
2009-11-03 08:08:33
Thanks for the help. It turns out the problem was with nested form tags.
alpheus
2009-11-03 16:25:15