Why is there so much space on bottom of my page?

[Ryan222008]

in mozilla it shows the right amount of space, but in IE and GC, it adds like 6 inch of space....

 

My website url is

 

www.pueblomotorsportspark.net

 

please help!

[Wickham]

You've got large heights, 1000px is more than the viewport height for most people, but it's the negative top positions with position: relative that are causing the problem. IE moves the top position up with the negative top size but still leaves a space where it would normally be.

 

Delete all the negative top sizes and the heights over say 300px and then see what it looks like. It won't be sorted but then adjust divs without using negative top positions if possible.

[Ryan222008]

is relative the best positioning i should use for this type of website, or should i be using something else. im looking for conisitancy over all browsers

[Andrea]

You have all kinds of coding errors/issues. Make sure your code validates - right now you have 36 errors: http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.pueblomotorsportspark.net%2F

 

The

tag is deprecated, and you should not be using

or non-breaking spaces to position things - that's what CSS (margins and padding) is for.

 

It's always a good idea to start your CSS out with:

* {margin: 0; padding: 0;} which sets all browser-specific settings to ZERO, and then you add into your stylesheet whatever you want.

[Ryan222008]

ok, so what should i use instead of

, and also, nomatter how i place the divs on this website, IE still puts a big space under the webpage.... any suggestions how to get rid of it?