View Full Version : Setting the height of a division

12-27-2010, 02:00 PM
Hi all,

I have a problem with CSS. I have a top menu division on my page which must have 50 px height. Under that div, there's the left menu division which must have 100% height of the rest of the page.

So here's my problem:
Top menu division is 50 px. I set my html and body heights to 100% with CSS. I want the left menu section to cover the rest of the page height. But when I set the left menu division height to 100%, height becomes page height + 50 px height of the menu.

Is there a way to fix this?


12-27-2010, 02:04 PM
Is there a way to fix this? I think you are after a faux column layout (http://www.alistapart.com/articles/fauxcolumns/).

12-27-2010, 05:09 PM
Hello telmessos,
See if this full height layout (http://nopeople.com/CSS%20tips/full-height-layout/index.html) can be adapted to your purpose.

12-28-2010, 07:46 AM
thanks guys. it really helped :)