Forum Moderators: open
We've tried to fix this ourselves, and can't figure it out.
Many of our web pages show a huge BLANK space in IE7 where there should be no space.
The pages render perfectly in Firefox.
Also, we've been told that most of our pages have a huge space in IE6 and below as well.
We've validated our CSS and HTML and both are valid.
Doc type is XHTML 1.0 Transitional//EN
[edited by: tedster at 2:34 am (utc) on Dec. 23, 2008]
We'll probably need to get some idea of how your code is positioning the elements on your page. Are you using divs or tables?
Even though your mark-up is valid, that is not (as you've seen) a guarantee that browsers will make it look the way you intended. If you are using tables, browsers still have lots of leeway from the W3C into how they render the individual cells. If you are using divs, we'll probably need to look at how the CSS positons the various divs - here again the browsers each have some peculiarities, especially IE.
Here's what I'd suggest. Save a copy of your source code to experiment with. Then begin to edit it - removing or changing parts of the code until you locate a change that eliminates the big gap. Just keep eliminating potential suspects until you find the area that is causing you trouble.
Once you zero in on the problem area, then even if that doesn't suggest a solution to you, you've got a small snippet of code that others can more easily help you with.
You may also find the information that is pinned to the top of this forum's index page helpful: LINKS and posting CODE - our policies [webmasterworld.com]
