абсолютный позиционированный div с остальной частью страницы прокручиваемый

Question

Я хочу, чтобы div в верхней части страницы не двигался, но я хочу, чтобы остальная часть страницы ниже была прокручиваемой. Полоса прокрутки может начинаться только ниже div.

это возможно без использования рамы

заранее спасибо

Answer 1

HTML

<div id="main"> 
<div id="header"> Header Content</div>  
<div id="content"> 
    <ul><li>Hello World!!! </li> 
     <li>Hello World!!! </li> 
     <li>Hello World!!! </li> 
     <li>Hello World!!! </li> 
     <li>Hello World!!! </li>   
     </ul> 
</div> 

CS s

 body { margin: 0;} 
#main{ 
    position: absolute; 
    width: 100%; 
    top: 0; 
    bottom: 0;} 
#header 
{ 
position: absolute; 
height: 41px; 
top: 0; 
left: 0; 
right: 0; 
text-align:center; 
display:block; 
background: blue; 
} 
#content 
{ 
    position: absolute; 
    top: 41px; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    overflow-y:scroll;    
} 


li{ 
    text-decoration: none; 
    display: block; 
    height: 20px; 
    padding: 20px; 

} 

Demo update

Answer 2

Да и может сделать это с

.some-class { 
    position: fixed; 
    top: 0 
    ... 
}