Topic awaiting preservation: Argh! Scrolling problem!

open my page: http://wind.prohosting.com/thedorm/home.html in a browser and resize the browser so that it isn't very tall and a verticle scroll bar shows up. now scroll down. Notice how the pretty orange side bars disappear. No matter what size you resize the window to the get resized to the perfect height but when you scroll all hell breaks loose. They arn't imgs, but actually divs with a background with a y-repeat. How can I make sure it repeats untill the bottom of the [bold]document[/bold]?

Here is my CSS: http://wind.prohosting.com/thedorm/styles/main.css

Thanks again.
Schitzo

That's happening because your using height:100% on those div's. The 100% value is not the total height of the document but only the height of the window.

What you need to do is grab the total height of the document using javascript then setup an onResize and onLoad event handeler to set the div's heights to the height of the document.

Although the methods for the total document height for each browser differ. I cant rightly remember what they are right now as I haven't gotten around to installing all of my reference docs. It shouldn't be too hard to track them down though.

Edit: Nope, Still can't remember what they are. My brain feels numb right now.



[This message has been edited by Dracusis (edited 02-25-2002).]

Thanks Dracusis, can you point me to a big JavaScript reference site?

I got it to work beautifully here at home. I'll upload it later. THANKS!

RESSURECTION - I am the zombie master of the forums - oooahhhhh

Ok, can somebody actually tell me the script used in this method? I really need it asap

Cheers