CSS scrolll content

CSS scrolll content

by Hilarius Doren

HTML

<div class="wrapper">
<div class="top">
    Top div
</div>
<div class="center">
    Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div Middle div 
    MiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddledivMiddlediv 
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
    Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>

Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>
Middlediv<BR>

</div>
<div class="bottom">
    Bottom div
</div>
</div>

CSS

html,body,.wrapper{
 height:100%;   
}
    .top,.bottom{
       height:10%;background:green;
    }
    .center{
       overflow:scroll;
       height:80%;
    }