Log in

View Full Version : Overflow problem



HaMoDeY
05-10-2007, 08:52 PM
Hi there actually I have a problem I have a web page with every thing mostly attached the only thing I want to be moving is the text in the middle of the page, the only problem is when I use the overflow feature it puts the scroll bar in the middle of the page which I don't want

I want to be able to scroll the page using the side bar while controlling the height and width and position of the text so I can position it in the middle of the page. like this http://www.lolopinkshop.com/test.html

like in Steve's page http://www.gbpubwalk.co.uk/MAIN-FSET.html

he has the scroll on the side and it is controlling the thing in the middle.

Thank you very much I really appreciate your time and help guys

jamiller
05-11-2007, 09:32 PM
position everything on the page you don't want to move to fixed like this:


#noScrollDiv {
position:fixed
}


then the stuff you want to scroll use position:relative or position:absolute with an overflow property. You can then set the width and height to what you want like this:


#scrollDiv {
position:absolute;
top:20px;
left:100px;
width:200px;
height:100%; /*could also be a fixed dimension, 100% will give it 100% height of its parent element */
overflow:scroll;
}