Scroll Right to Empty White Space

[SkyTown]

I’m cleaning up a site and I think I might have met my match. Everything is fine when you are viewing the webpage upon the load of the page. However, if you happen to scroll to the right there is a massive valley of white space. I’ve looked through these discussions and a lot of people recommend setting a min-width and things like that. I’m trying to clean up the author’s css as best I can. I’ve currently added a min-width of 960 (the content area). The wrappers for all the main elements are set to 100%. The site is synched over 2 servers. The main version that is mirrored can be found
HERE.

[Paulie_D]

There’s something funky going on with the position:relative properties on body.home and body. If I turn them both off, the whitespace goes away.

Unless you are planning on actually adjusting the position of the body..you don’t need them…much like all those width:100% declarations I kept seeing.

[SkyTown]

I’ve gone through and eliminated those unnecessary rules, and the problem is solved for a large portion of the people viewing the page. However, the problem is still present within Firefox. Thanks Paulie for the help so far, I appreciate it.

[Paulie_D]

Struggling with FF but there are a number of issues which come up when you validate: http://validator.w3.org/check?verbose=1&uri=http%3a%2f%2f67.192.239.14%2f

Most of these are unimportant but you might want to look into some to see if FF just doesn’t like it.

[Paulie_D]

AHA! …..It’s not in the HTML or CSS…it’s something in the JS.

In FF user the Web Developer Toolbar and disable Javascript and the scrollbar goes away after reloading the page

Tracking down what all that JS in your page is doing is another matter and beyond my expertise.

[SkyTown]

Thanks so much Paulie. I guess I’ll have to start digging through the Javascript.

[Author]

Posts