Large white space issue

[thumbtak]

I am having an issue with my code. I find that on most pages, there is a large amount of white space at the very bottom of the website.

http://test.thumbtakhosting.com/

[ScriptMan]

Goodness, you have 4 linked stylesheets and I wasn't willing to wade through them.
1. See if any of the divs declare a height
2. Check your div padding calls for typo. Padding calls are TRouBLe. (top, right,bottom, left)
3. Look for a lot of <br /> calls at the bottom of the page or even empty <p> tags
4. Look for conflicts between the style sheets.

[ivedtara]

could be due to reset style sheet. i have experienced similar problems when having many style sheets.

[GMF]

From what I see through firebug the <div id="toursweden"> and <div id="toursydney"> (and their content) are to blame. Try to edit those and see what happens.

[deryaSavas]

I also took a look, though it seems that after the footer div, you have many div's starting with div class hidden, if you were to change the background-color you will see them, thus I am not 100% sure, my best suggestion would be to also look at #skypedetectionswf #skypedetectionswf
because they are there right at the bottom, perhaps clearing them or placing them somewhere else is a good option

It seems you will have to dig around yourself, as your code is very complex
After looking at it a while, I feel like having a nice holiday

Anyhow, I am actually very interested in the solution to this, so please inform us when you work it out. Thank You

[HTMLBasicTutor]

Besides the 154 Errors and 17 warnings the W3C HTML Validator found caused by mixing old HTML, XHTML and HTML5...

It is really hard to tell. How about picking one (X)HTML specification of coding to follow first and getting it to validate? You never know, the problem may disappear on it's own.

It looks like you took bits and pieces of other people's work (or stuff you found on the net) and incorporated it into your design without really knowing whether it was good coding or which (X)HTML specification it was suited for.

[nemrod]

Had a quick look, it's the #toursweden and #toursydney elements. Set their positioning or hide them properly when not in use and the gap will disappear. This goes for all elements, there seems to be a lot of them that are outside the content element and are just lying about.

[thumbtak]

Thanks for all your help.

The issue has been resolved.

The site has been made public at http://thumbtakhosting.com