Home/ Questions/Q 8407265
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T23:18:49+00:00

I was messing around with a layout and never added a doc type to

  • 0

I was messing around with a layout and never added a doc type to my file. After adding a doc type:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

My content div that had height:100% was overflowing the page instead of growing to the size of the browser window. To get the functionality to before adding a doc type I had to add this java script. 

wHeight = $(window).height();
$('#content').height(wHeight);

Why did the doc type affect the layout in this way and can I fix this without using java script?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    As darksky mentioned, your div has to be contained in another one for the % to take effect. HTML is pretty much just a bunch of containers stacked inside each other. First we have the container, then the container inside of that, and finally the container. Ifg you tell your container to be 100%, it doesn’t know a 100% of what, so the right way is something in the lines of:

    html,
body {
   margin:0;
   padding:0;
   height:100%;
}
#container {
   min-height:100%;
}
    • 0