Download & Extend

allow sidebar-last to also determine height of page

Project:Fusion
Version:6.x-1.0
Component:Code
Category:feature request
Priority:normal
Assigned:Unassigned
Status:closed (fixed)

Issue Summary

i'm building a site for an organization that wants fairly long content in the right column. finding now that content in the sidebar-last column is cut off when the page displayed has very little content.

it seems the main-group height is defined by content-group only. for now, i just specified that main-group overflow should not be hidden, which seems to have done the trick, but i thought i should let y'all know.

Comments

#1

Title:sidebar-last content cut off when content-group content is short» allow sidebar-last to also determine height of page
Category:bug report» feature request

line 187 of fusion_core style.css sets overflow for .row, .nested, .hidden.

my local.css hack was to set overflow:visible for
.main, .main-group, .main-content, .content-group, .content-region

#2

Status:active» fixed

Another approach is to use a bit of jQuery to get equal height columns for the main content area and the sidebars. Try loading this bit of jQuery into your custom script file for your theme and see how it works.

// Equal height columns
Drupal.behaviors.THEMENAMEEqualHeightColumns = function (context) {
  //Make sure sidebars are at least as tall as the main content area
  if(!$.browser.msie || parseFloat($.browser.version) > 7){
  var $mainHeight = $('#main').innerHeight();
    $('.sidebar-first-inner').css('min-height', $mainHeight);
    $('.sidebar-last-inner').css('min-height', $mainHeight);
  }
}

Be sure to replace THEMENAME with the name of your theme and clear your site cache on the Performance page so it loads the updated file. Of course you need to load the script through your theme's .info file as well.

Hope that helps!

#3

Status:fixed» closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

#4

What happen if the page grow up dynamically? The height at start (for ex) is 1000px, But then someone make a comment, so the comment is send by AJAX and automatically show in the page so the height is now 1190px. How I can upgrade the same height for the side bar ?. Need to be at the same time when the content is growing.

Thanks.

#5

Seems like both sidebar first and last heights should match the content area and vice versa. So when either is pushed down by extra content they are all even.

nobody click here