Can't get DIV height to 100%

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View
Hi all, I have recently been building a site
and am having problems with DIVS.  I can't seem to get the content div
to the right of the menu to fill the gaping space below it.  I have
tried height: 100% but to no avail.  Does anyone have any
suggestions?  I am grateful for any kind of help.

Re: Can't get DIV height to 100%

Quoted text here. Click to load it

Percentages are ignored when the container has an auto height.

Quoted text here. Click to load it

It can be done with absolute positioning.

#wrapper { position: relative }

    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;

But I don't really recommend this. If the contents of #content turn out
to be longer than the menus on the left, then they will overflow their

Or you can use a table, or various other tricks (see for some ideas).

Or just get used to it looking the way the does. Generally speaking
trying to set the heights of things is not a good idea since you never
know how much height anything is going to take up (even if you know the
content, you don't know the user's font size or viewport width, and
content height usually depends on one or both of those things). Better
to leave heights as auto and just go with the flow. Choose your battles
carefully etc.

Site Timeline