min-height does not work with body

by

First, declare a doctype so you’re in standards if you haven’t already.

Now, the body can only be as high as the containing html, so you need to set HTML tag to 100% height, and body to min-height 100%. This works for me on Firefox.

html {height:100%} 
body {min-height:100%}

More Related Contents:

  1. Why does my design elements look different in all browsers? UPDATE [closed]
  2. Set width on div
  3. How to Make columns in row [closed]
  4. How to add images in select list?
  5. Is it wrong to change a block element to inline with CSS if it contains another block element?
  6. How to position text over an image with CSS
  7. CSS selector by inline style attribute
  8. :last-child not working as expected?
  9. Why is my Grid element’s height not being calculated correctly?
  10. Horizontal list items
  11. HTML/CSS – Best practice for preserving white space on certain elements?
  12. Input size vs width
  13. Stretch background image css?
  14. Bootstrap – align button to the bottom of card
  15. How to remove “Invisible space” from HTML [duplicate]
  16. How is the margin-top percentage calculated?
  17. How to align flexbox columns left and right?
  18. Inline Form nested within Horizontal Form in Bootstrap 3
  19. Difference between “visibility:collapse” and “display:none”
  20. How can I make a div with irregular shapes with css3 and html5?
  21. Is it possible to use CSS vars in CSS3 selectors?
  22. How do I add a highlight behind the text via CSS so it looks like Instagram-one below?
  23. How to remove indentation from an unordered list item?
  24. How can I vertically center text in a dynamically height div?
  25. grid-auto-flow in snake lines?
  26. Font-Face Not loaded
  27. It is possible to expand a textarea only with CSS?
  28. How to apply padding to every line in multi-line text?
  29. How do I vertically align something inside a span tag?
  30. Maintain image aspect ratio in carousel

Leave a Comment