Floating DIVS and white space

Could someone please tell me whats wrong with this page: - http://www.sc-it.co.uk/free.sc , There is loads of white space that I cant get rid of. Firefox is fine, but any version os IE there is loads fo space at the end of the main content

Cheers

LVL 4
bhermerAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

pcumberbatchCommented:
Hi

In IE I get an error on the page - the details of which say
--------------------------------------------------------------------------------
 
Line:  476
Char:  1
Error:  Object expected
Code:  0
URL:  http://www.sc-it.co.uk/free.sc

Check to see if there is something missing there.

Also you have code set to detect if it is IE or Netscape - have you used Netscape to test rather than firefox so as to be sure that it is only IE with the problem.

The values for the last two items are linked to toshiba.com which seem quite strange to me since neither is a toshiba product.

Hope this is useful in some way

0
TNameCommented:
Hi, the problem - as I see it - is this:

To position elements inside the .main div, you rely on setting negative top margins for relatively positioned elements.
When relatively positioned elements are shifted like this, their initial location will not be "freed" -
This is why you'll have empty unused space at the bottom of .main.
See e.g.
http://reference.sitepoint.com/css/relativepositioning

Now, you have given .main a height of 800px - Firefox will limit the height to 800px (this is why "it works" in Firefox), but IE6 will expand (unfortunately, IE6 treats "height" like "min-height"...) to hold that extra content (the empty space caused by the shifted relatively positioned elements). The empty space is there in FF too, but it's outside .main (as overflowing content).

You could try to set negative bottom margins for wrappers that contain shifted relatively positioned elements, or hide the overflow of these wrappers (or for .main), or to give the white background to another element than to the .main div...

0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Development

From novice to tech pro — start learning today.