I got 3 divs top bottom and middle,
The top have to be always 20px and always on the top
The bottom have to be always 20px and always on the bottom page
The mid will get a scroll if overflow
The page has to kip its 100% not more.
This is my cod dont know hot to do it..
Expand|Select|Wrap|Line Numbers
- <style>
- .top
- {
- width: 100%;
- height: 20px;
- background-color: Gray;
- }
- .mid
- {
- width: 100%;
- background-color: Olive;
- position:relative;
- overflow: auto;
- }
- .botom
- {
- width: 100%;
- height: 20px;
- background-color: Teal;
- position: absolute;
- }
- </style>
- <div class="top">
- top
- </div>
- <br />
- <div class="mid">
- middle<br />
- middle<br />
- middle<br />
- middle<br />
- middle<br />
- middle<br />
- middle<br />
- middle<br />
- middle<br />
- middle<br />
- middle<br />
- middle<br />
- middle<br />
- middle<br />
- middle<br />
- middle<br />
- middle<br />
- middle<br />
- middle<br />
- middle<br />
- middle<br />
- middle<br />
- middle<br />
- middle<br />
- middle<br />
- middle<br />
- middle<br />
- middle<br />
- middle<br />
- middle<br />
- middle<br />
- middle<br />
- middle<br />
- middle<br />
- middle<br />
- middle<br />
- </div>
- <br />
- <div class="botom">
- bottum
- </div>