Greetings...I did some searching and found similar requests for this type of support, including the option of adding a sidebar wrapper (#content .siderbar.) I essentially would like to modify the sidebars to extend the entire length of the page and connect to the footer. My intention for doing this is to change the sidebar background color and have it extend the length of the page regardless of the amount of content or blocks attached. Currently, as you are aware, the sidebar only extends the length of the content, and with dynamic page lengths, I cannot use margin-bottom to control the sidebar's length.

How can I force the sidebar to extend the length of entire page (to the footer)? Any assistance would be greatly appreciate as this is for a client.

Thanks!

Comments

CrashNet’s picture

CrashNet commented
Title: Add a sidebar wrapper to extend sidebar background color to the footer » Force the extension of sidebars to the footer based on page content length and not sidebar content
CrashNet’s picture

CrashNet commented
Version: 6.x-2.x-dev » 6.x-1.x-dev
CrashNet’s picture

CrashNet commented

Can someone provide some assistance? Unfortunately the methods I have used do not work. I have searched drupal.org and the net quite a bit with not luck as well. Any assistance is greatly appreciated!

kendouglass’s picture

kendouglass commented

You need to create a background image. See here:
http://www.alistapart.com/articles/fauxcolumns/

CrashNet’s picture

CrashNet commented

Many thanks for the reply K.D. Maybe you can help me here, because unfortunately I have already tried that approach and could not get the height of the column to expand the length of the page. Here is my css code:

/** sidebar-left **/
  #sidebar-left
  {
    width: 220px;
    background: url(images/leftcolbg.gif) repeat 0 0;
  }

  #sidebar-left-inner
  {
  }

leftcolbg.gif is a background image 1px in width and height. I must be missing something somewhere. Any ideas? Thanks!

johnalbin’s picture

johnalbin
they/他
Primary language English
Location Taipei, Taiwan
commented
Status: Active » Fixed

CrashNet, you need to re-read that article. You don't place the background image on the sidebar, but on its container, like #main or #main-inner.

CrashNet’s picture

CrashNet commented
Component: Code » CSS/HTML Markup

Apologies...I skimmed the article and assumed I had already done what it instructed.

Status: Fixed » Closed (fixed)

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

mseraphim’s picture

mseraphim commented

Create an image with the width of the left sidebar. In this case 170px by 1 px.
Fill the image with the disired choice of color and save it. Then add this background
style to the wrapper section of style.css. The 0 0 after repeat-y is in persentages of
location from the left of the left sidebar. In other words if it was 50% 0 it would've
displayed in the middel of your page. This background is usually in the body section
of your theme, however I am using the Barlow theme that also has a wrapper section. That's
why I've included it in the wrapper section of my theme's style.css.

#wrapper {
background: #ece9d8 url(bgsidebar.png) repeat-y 0 0;
border: 2px solid #ccc;
}

mseraphim