For div to extend full height

by

Did you remember setting the height of the html and body tags in your CSS? This is generally how I’ve gotten DIVs to extend to full height:


<html>
  <head>
    <style type="text/css">

      html,body { height: 100%; margin: 0px; padding: 0px; }
      #full { background: #0f0; height: 100% }

    </style>
  </head>
  <body>
    <div id="full">
    </div>
  </body>
</html>

More Related Contents:

  1. Make a div into a link
  2. xHTML/CSS: How to make inner div get 100% width minus another div width
  3. html5 vertical spacing issue with
  4. How to draw this chart in html and CSS? [closed]
  5. Change a HTML5 input’s placeholder color with CSS
  6. Canvas is stretched when using CSS but normal with “width” / “height” properties
  7. Remove padding from columns in Bootstrap 3
  8. Center a ‘div’ vertically in a % height ‘div’
  9. Single huge .css file vs. multiple smaller specific .css files? [closed]
  10. CSS: Hover one element, effect for multiple elements?
  11. 100% Min Height CSS layout
  12. How to display a reverse-ordered list in HTML?
  13. CSS div element – how to show horizontal scroll bars only?
  14. Remove outline from select box in FF
  15. How can I remove space (margin) above HTML header?
  16. Internet Explorer z-index bug?
  17. Webkit CSS to control the box around the color in an input[type=color]?
  18. How to customize the HTML5 input range type looks using CSS?
  19. Disable zoom on a div, but allow zoom on the page (an alternate div)
  20. HTML not loading CSS file
  21. How to link a CSS file from HTML file?
  22. How can I send an inner to the bottom of its parent ?
  23. Specifying Tab-Width?
  24. SPAN vs DIV (inline-block)
  25. how to rotate text left 90 degree and cell size is adjusted according to text in html
  26. Set div height equal to screen size
  27. Fading out text at bottom of a section with transparent div, but height stays under section after overlaying div
  28. CSS Floating Divs with different height are aligned with space between them
  29. Horizontal scroll in DIV with many small DIV’s inside (no text)
  30. Can I save input from form to .txt in HTML, using JAVASCRIPT/jQuery, and then use it?

Leave a Comment