“Height=100%” is not working in html when using ?

by

Adding a DOCTYPE switches you from quirks mode to standards mode. In standards mode, the html and body elements do not default to 100% of the size of the viewport (browser window); instead, they are only as large as they need to be to contain their children. The table height of 100% means 100% of the containing element, but that’s only as large as it needs to be to contain the contents of the table. Quirks mode is an emulation of the behavior of older browsers, in which the html and body elements filled the viewport.

To fix the problem, you just need to add this to your document:

<style>
  html, body { height: 100% }
</style>

More Related Contents:

  1. vertical-align with Bootstrap 3
  2. How to align content of a div to the bottom
  3. Are there any style options for the HTML5 Date picker?
  4. Using PUT method in HTML form
  5. Html/Css Triangle with pseudo elements
  6. Color for Unicode Emoji
  7. Is it possible to update non-JSF components (plain HTML) with JSF ajax?
  8. Unskewing the ends of an assortment multiple skewed images
  9. How to align two elements on the same line without changing HTML
  10. Scroll to a specific Element Using html
  11. Dual-Color Text
  12. Low latency (< 2s) live video streaming HTML5 solutions?
  13. Internet Explorer 11 disable “display intranet sites in compatibility view” via meta tag not working
  14. DISABLE the Horizontal Scroll [closed]
  15. Remove border from buttons
  16. Audio Tag Autoplay Not working in mobile
  17. Google bot crawling on AngularJS site with HTML5 Mode routes
  18. How can I show dots (“…”) in a span with hidden overflow?
  19. CSS Selector “(A or B) and C”?
  20. How to darken a background using CSS?
  21. How to change one element while hovering over another with CSS
  22. How to make CSS Grid items take up remaining space?
  23. How to set favicon.ico properly on vue.js webpack project?
  24. CSS attribute selector does not work a href
  25. Marking up a search result list with HTML5 semantics
  26. Export stored procedure result set to Excel in SSMS
  27. Font Awesome & Unicode
  28. Force IE9 to emulate IE8. Possible?
  29. CSS crop string in the middle
  30. What does “semantically correct” mean?

Leave a Comment