Fixed header, footer with scrollable content

by

Something like this

<html>
  <body style="height:100%; width:100%">
    <div id="header" style="position:absolute; top:0px; left:0px; height:200px; right:0px;overflow:hidden;"> 
    </div> 
    <div id="content" style="position:absolute; top:200px; bottom:200px; left:0px; right:0px; overflow:auto;"> 
    </div> 
    <div id="footer" style="position:absolute; bottom:0px; height:200px; left:0px; right:0px; overflow:hidden;"> 
    </div>
  </body>
</html>

More Related Contents:

  1. Can I debug by CSS code in easy way for beginner?
  2. Setting columns in bootstrap grid
  3. How to write a:hover in inline CSS?
  4. Change color of PNG image via CSS?
  5. Use images instead of radio buttons
  6. Positions fixed doesn’t work when using -webkit-transform
  7. Is it possible to have two background colors for a single html element? [duplicate]
  8. Why does overflow:hidden not work in a ?
  9. Rotate objects around circle using CSS?
  10. How to prevent scrollbar from repositioning web page?
  11. How can I make my flexbox layout take 100% vertical space?
  12. How to change one element while hovering over another
  13. Is it possible to have several different textcolors in one textarea?
  14. add title attribute from css
  15. How to add background image for input type=”button”?
  16. How to specify parameters to google chrome adobe pdf viewer?
  17. How to rotate and postion an element on the top left or top right corner?
  18. Make fill entire screen?
  19. Remove host component tag from html in angular 4
  20. Bootstrap full-width text-input within inline-form
  21. Can you style html form buttons with css?
  22. Internet Explorer and clip-path
  23. Pseudo class :hover does not work in IE7
  24. CSS/HTML: What is the correct way to make text italic?
  25. svg background image position is always centered in internet explorer, despite background-position: left center;
  26. CSS Border on PNG image with transparent parts
  27. Make Div Draggable using CSS
  28. Link external CSS file only for specific Div [duplicate]
  29. Create tree view with horizontal and vertical lines showing the connectivity using css
  30. How can I get a specific number child using CSS?

Leave a Comment