display menu and main part height (css)

Author Message

Simon Thia

Thursday 24 May 2007 7:46:01 am

I'd like to make my main content with the size of the menu when there not enough content in the main area.

_______ ==> _______
|///|///////| ==> |///|///////|
|///|____| ==> |///|.........|
|__|***** ==> |__|____|
*grey

I read in a previous post that it was possible in CSS to do this, but i would also like that the main part extend with the size content without extending the menu
_______ ==> _______
|///|///////| ==> |///|///////|
|///|///////| ==> |///|///////|
|....|///////| ==> |__|///////|
|__|____| ==> ***|____| *grey

The difficulty is that I have 2 background colors, the main part is white and the <body> is grey, and putting the two <div>(s) in another one don't allow me two have differents colors.

I found a way to do this by putting the min-height value in the css, but I wonder if there's a simplier way to do it.

André R.

Thursday 24 May 2007 9:21:02 am

It's possible using either javascript or a table... :)

eZ Online Editor 5: http://projects.ez.no/ezoe || eZJSCore (Ajax): http://projects.ez.no/ezjscore || eZ Publish EE http://ez.no/eZPublish/eZ-Publish-Enterprise-Subscription
@: http://twitter.com/andrerom

Powered by eZ Publish™ CMS Open Source Web Content Management. Copyright © 1999-2014 eZ Systems AS (except where otherwise noted). All rights reserved.