View Full Version : CSS Layout Overflow Problem

01-10-2008, 05:21 PM

Please see the following page:

The divided regions have had their background colors changed to highlight each block's space.

I am having two problems which you can see if you scroll to the bottom of the page. (Note: At this point in the development cycle the Windows/IE functionality is not of concern.)

1) It appears that the content (#content-wrapper) is currently overflowing the body element. How do we stretch the body element to accommodate the contents of the div "#content-wrapper"?

2) I wish to have the footer at the absolute bottom of the screen at all times. When the content of the div (#left-content) does not contain as much text, how can we assure that the layout will occupy 100% height of the browser window.

Thank you in advance for your help. It is much appreciated!!

01-10-2008, 05:26 PM
try this

html,body {
height: inherit;

It worked when i did it, but see anyways!!

01-10-2008, 05:33 PM
It's always that one little thing isn't it? Thanks for the help. Seems to do the trick.

01-10-2008, 05:35 PM
Cool, its always one thing with CSS, but thats why its so great i guess.