css - Make header and side divs to stick while center one scrolls -


i have layout

div structure

i need header, col2(left) , col3(right) stick in position while center 1 scrolls (col1).

position: fixed want this.

body {    padding-top: 100px; }  #header {    width: 100%;    height: 100px;    position: fixed;      top: 0;    left: 0; } 

jsfiddle.

update

you should give internal element explicit height , add overflow-y: auto.


Comments

Popular posts from this blog

php - How can I edit my code to echo the data of child's element where my search term was found in, in XMLReader? -

java - Why is BlockingQueue.take() not releasing the thread? -

jQuery Ajax Render Fragments OR Whole Page -