ansaurus

Question

"Height=100%" is not working in html when using <!DOCTYPE>, How i can fix this?

Answer 1

+2 A:

When you state 'height=100%' you have to think "100% of what?". It's the parent of that table element which is the body. But how tall is the body?

To do what you want, add this in the CSS: html,body{height:100%}

Rob 2009-12-27 16:34:16

Answer 2

+2 A:

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>

Brian Campbell 2009-12-27 16:51:17

i try like above , but width(100%) is working but height not working

Alex 2009-12-28 09:01:30

Can you edit your post with the exact code that you are trying, and which browser(s) it fails on?

Brian Campbell 2009-12-28 12:56:47

ansaurus

tags:

views:

answers:

"Height=100%" is not working in html when using <!DOCTYPE>, How i can fix this?

related questions