Forums / Setup & design / display menu and main part height (css)

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

eZ debug

Timing: Jan 18 2025 18:24:18
Script start
Timing: Jan 18 2025 18:24:18
Module start 'content'
Timing: Jan 18 2025 18:24:18
Module end 'content'
Timing: Jan 18 2025 18:24:18
Script end

Main resources:

Total runtime0.6825 sec
Peak memory usage4,096.0000 KB
Database Queries191

Timing points:

CheckpointStart (sec)Duration (sec)Memory at start (KB)Memory used (KB)
Script start 0.00000.0110 587.8281180.8281
Module start 'content' 0.01100.5360 768.6563531.0469
Module end 'content' 0.54700.1354 1,299.7031332.7578
Script end 0.6824  1,632.4609 

Time accumulators:

 Accumulator Duration (sec) Duration (%) Count Average (sec)
Ini load
Load cache0.00460.6750210.0002
Check MTime0.00150.2261210.0001
Mysql Total
Database connection0.00100.145210.0010
Mysqli_queries0.606988.92561910.0032
Looping result0.00210.30871890.0000
Template Total0.648695.020.3243
Template load0.00190.282120.0010
Template processing0.646694.748520.3233
Template load and register function0.00020.023010.0002
states
state_id_array0.00080.118510.0008
state_identifier_array0.00070.106520.0004
Override
Cache load0.00160.2353200.0001
Sytem overhead
Fetch class attribute can translate value0.00170.241930.0006
Fetch class attribute name0.00110.158830.0004
XML
Image XML parsing0.00090.127930.0003
class_abstraction
Instantiating content class attribute0.00000.001330.0000
General
dbfile0.00410.6056280.0001
String conversion0.00000.001930.0000
Note: percentages do not add up to 100% because some accumulators overlap

CSS/JS files loaded with "ezjscPacker" during request:

CacheTypePacklevelSourceFiles
CSS0extension/community/design/community/stylesheets/ext/jquery.autocomplete.css
extension/community_design/design/suncana/stylesheets/scrollbars.css
extension/community_design/design/suncana/stylesheets/tabs.css
extension/community_design/design/suncana/stylesheets/roadmap.css
extension/community_design/design/suncana/stylesheets/content.css
extension/community_design/design/suncana/stylesheets/star-rating.css
extension/community_design/design/suncana/stylesheets/syntax_and_custom_tags.css
extension/community_design/design/suncana/stylesheets/buttons.css
extension/community_design/design/suncana/stylesheets/tweetbox.css
extension/community_design/design/suncana/stylesheets/jquery.fancybox-1.3.4.css
extension/bcsmoothgallery/design/standard/stylesheets/magnific-popup.css
extension/sevenx/design/simple/stylesheets/star_rating.css
extension/sevenx/design/simple/stylesheets/libs/fontawesome/css/all.min.css
extension/sevenx/design/simple/stylesheets/main.v02.css
extension/sevenx/design/simple/stylesheets/main.v02.res.css
JS0extension/ezjscore/design/standard/lib/yui/3.17.2/build/yui/yui-min.js
extension/ezjscore/design/standard/javascript/jquery-3.7.0.min.js
extension/community_design/design/suncana/javascript/jquery.ui.core.min.js
extension/community_design/design/suncana/javascript/jquery.ui.widget.min.js
extension/community_design/design/suncana/javascript/jquery.easing.1.3.js
extension/community_design/design/suncana/javascript/jquery.ui.tabs.js
extension/community_design/design/suncana/javascript/jquery.hoverIntent.min.js
extension/community_design/design/suncana/javascript/jquery.popmenu.js
extension/community_design/design/suncana/javascript/jScrollPane.js
extension/community_design/design/suncana/javascript/jquery.mousewheel.js
extension/community_design/design/suncana/javascript/jquery.cycle.all.js
extension/sevenx/design/simple/javascript/jquery.scrollTo.js
extension/community_design/design/suncana/javascript/jquery.cookie.js
extension/community_design/design/suncana/javascript/ezstarrating_jquery.js
extension/community_design/design/suncana/javascript/jquery.initboxes.js
extension/community_design/design/suncana/javascript/app.js
extension/community_design/design/suncana/javascript/twitterwidget.js
extension/community_design/design/suncana/javascript/community.js
extension/community_design/design/suncana/javascript/roadmap.js
extension/community_design/design/suncana/javascript/ez.js
extension/community_design/design/suncana/javascript/ezshareevents.js
extension/sevenx/design/simple/javascript/main.js

Templates used to render the page:

UsageRequested templateTemplateTemplate loadedEditOverride
1node/view/full.tplfull/forum_topic.tplextension/sevenx/design/simple/override/templates/full/forum_topic.tplEdit templateOverride template
2content/datatype/view/ezxmltext.tpl<No override>extension/community_design/design/suncana/templates/content/datatype/view/ezxmltext.tplEdit templateOverride template
4content/datatype/view/ezxmltags/paragraph.tpl<No override>extension/ezwebin/design/ezwebin/templates/content/datatype/view/ezxmltags/paragraph.tplEdit templateOverride template
2content/datatype/view/ezxmltags/line.tpl<No override>design/standard/templates/content/datatype/view/ezxmltags/line.tplEdit templateOverride template
1content/datatype/view/ezimage.tpl<No override>extension/sevenx/design/simple/templates/content/datatype/view/ezimage.tplEdit templateOverride template
1pagelayout.tpl<No override>extension/sevenx/design/simple/templates/pagelayout.tplEdit templateOverride template
 Number of times templates used: 11
 Number of unique templates used: 6

Time used to render debug report: 0.0001 secs