display menu and main part height (css)

Previous topic

Setup & design

Next topic

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

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

eZ debug

Timing:	Jan 18 2025 21:03:01
Script start
Timing:	Jan 18 2025 21:03:01
Module start 'layout'
Timing:	Jan 18 2025 21:03:01
Module start 'content'
Timing:	Jan 18 2025 21:03:03
Module end 'content'
Timing:	Jan 18 2025 21:03:03
Script end

Main resources:

Total runtime	1.7326 sec
Peak memory usage	4,096.0000 KB
Database Queries	54

Timing points:

Checkpoint	Start (sec)	Duration (sec)	Memory at start (KB)	Memory used (KB)
Script start	0.0000	0.0071	589.4609	152.6406
Module start 'layout'	0.0071	0.0037	742.1016	39.4766
Module start 'content'	0.0107	1.7206	781.5781	525.9531
Module end 'content'	1.7313	0.0012	1,307.5313	8.1406
Script end	1.7325		1,315.6719

Time accumulators:

Accumulator	Duration (sec)	Duration (%)	Count	Average (sec)
Ini load
Load cache	0.0034	0.1986	16	0.0002
Check MTime	0.0013	0.0728	16	0.0001
Mysql Total
Database connection	0.0012	0.0684	1	0.0012
Mysqli_queries	1.6823	97.0960	54	0.0312
Looping result	0.0008	0.0453	52	0.0000
Template Total	1.6896	97.5	2	0.8448
Template load	0.0020	0.1177	2	0.0010
Template processing	1.6875	97.3989	2	0.8438
Template load and register function	0.0002	0.0111	1	0.0002
states
state_id_array	0.0014	0.0792	1	0.0014
state_identifier_array	0.0009	0.0544	2	0.0005
Override
Cache load	0.0016	0.0948	20	0.0001
Sytem overhead
Fetch class attribute can translate value	0.0011	0.0662	2	0.0006
Fetch class attribute name	0.0017	0.0981	3	0.0006
XML
Image XML parsing	0.0008	0.0488	2	0.0004
class_abstraction
Instantiating content class attribute	0.0000	0.0006	3	0.0000
General
dbfile	0.0009	0.0495	17	0.0001
String conversion	0.0000	0.0005	4	0.0000
Note: percentages do not add up to 100% because some accumulators overlap

Templates used to render the page:

Usage	Requested template	Template	Template loaded
1	node/view/full.tpl	full/forum_topic.tpl	extension/sevenx/design/simple/override/templates/full/forum_topic.tpl
2	content/datatype/view/ezxmltext.tpl	<No override>	extension/community_design/design/suncana/templates/content/datatype/view/ezxmltext.tpl
4	content/datatype/view/ezxmltags/paragraph.tpl	<No override>	extension/ezwebin/design/ezwebin/templates/content/datatype/view/ezxmltags/paragraph.tpl
2	content/datatype/view/ezxmltags/line.tpl	<No override>	design/standard/templates/content/datatype/view/ezxmltags/line.tpl
1	content/datatype/view/ezimage.tpl	<No override>	extension/sevenx/design/simple/templates/content/datatype/view/ezimage.tpl
1	print_pagelayout.tpl	<No override>	extension/community/design/community/templates/print_pagelayout.tpl
Number of times templates used: 11 Number of unique templates used: 6

Time used to render debug report: 0.0001 secs