Where is all this whitespace coming from?

[kenfused]

On a site I am troubleshooting, I have a ton of white space at the bottom of the site, taking up over 40% of the bottom of the page.
I've looked at it over and over and can't seem to find the cause of it!

Help

The page it at :

< removed >


Thank you!
(am I allowed to post the name of the site here?)

[edited by: tedster at 3:21 pm (utc) on Sep 24, 2011]

[lucy24]

am I allowed to post the name of the site here?

No, so I quickly grabbed the page + css + javascript and will take a look. The problem is in the main css and/or javascript-- that is, the whitespace shows up if I do an html preview with just those files-- so it shouldn't be hard to pinpoint.

[lucy24]

Oops, time ran out. See unrelated posting in unrelated forum about extreme subjectivity of computer time. The whitespace is coming from your javascript.

 document.body.appendChild(menu.dropmenu) //move drop down div to end of page
 document.body.appendChild(menu.shadow)
 menu.dropmenu.setcss=this.setcss
 menu.shadow.setcss=this.setcss
 menu.shadow.setcss({width: menu.dropmenu.offsetWidth+"px", height:menu.dropmenu.offsetHeight+"px"})

In English: the height of the whitespace is the combined heights of all your dropdown menus. (No, I did not take a ruler and measure.) That's 15 different menus, some of them almost half a screen high by themselves.

What is the appendChild intended to do? I mean, er, other than add a whole bunch of white space ;) I commented-out the two lines and didn't see any difference in behavior.

[kenfused]

THANK YOU SO MUCH!