Scrolling only content div, others should be fixed

Question

I have three divs. I need header and left_side divs to be fixed and content div to scroll. I\'ve been searching for solution and found something with overflow and <

Answer 1

• at first you will need to have a fixed height for content area.
• then make overflow:auto there

ERROR in your code:: you want to have a scroll bar for a div,but you are declaring that div height as auto

you cant demand a scroll bar when the height is auto,to have scroll bar you will need to have a fixed height for that div and when the content height will be greater than div height it will introduce scroll bar automatically

NOTE: so the changes in your css will be

#content{
 height: 300px;/*..very important if you want scroll bar...*/
 overfow:auto; /*..will introduce scroll bar when needed..*/
 padding: 20px;
 margin-left: 230px;
 margin-right: 20px;
padding-bottom: 30px
}

EXAMPLE :: FIDDLE