In a 3 column css, I am trying to give the center column a scroll bar as to keep the page stationary. plz help

Question

I have been a hobby web designer for a great number of years, but I have only designed in html. I recently found some spare time in my retirement and desided to give css a try. All was going fine until I had the bright idea of placing a scrollbar on the center style sheet of 3. I have the left and right sheets acting as menu's and wanted the center sheet to stay one screen in lenght and to scroll if the text within the sheet was longer than the viewing area. I was trying to do this with the intentions or keeping the entire page visible at all times, and to eliminate the browser's scrollbar entirely.

I have seen this done, but have no idea how these people have done it. I have spent 2 days trying to research this topic without any solid frame of reference being found. I am hoping that somebody here may be able to shed a little light on this.

Thank you for your time

ArC_AnGeL

Answer 1

Define a fixed size div for the center section and add overflow:scroll to its style definition.

Answer 2

you would possibly want to create a wrapper (significant holder) it truly relies and positioned your different divs nested interior, with floats. The wrapper might want to have this to center it: #wrapper { width: 690px; margin: 0 vehicle; textual content-align: center} the vehicle margin for left and accurate creates the horizontal center for most browsers. The textual content-align is for IE. you would ought to modify your textual content-align on your nested divs.

Answer 3

The first answerer is correct, I just wanted to provide another link. The page I am linking to seems to have a better example than the other user.
http://www.w3.org/TR/REC-CSS2/visufx.html#propdef-overflow
The complete CSS version 2 specification is here
http://www.w3.org/TR/REC-CSS2/