By allwires on

Hi all,

I heard that it is easier to create a theme with Zen than with the default Druapl themes, so I decided to give it a go. I am having the problem that the two side columns are not stretching to the full height. When I set a background color on them, it only goes down as far as the content in the column, and then the rest of the column has the same background as the body.

Did I do something wrong with the installation or is this how it is supposed to be? Could anyone give me some pointers please?

Also, When using the developer toolbar in Firefox, I noticed that the content div stretches all the way to both sides of the page. Is this normal?

⋅ Categories: Drupal 6.x

Comments

Jason Dean’s picture

Jason Dean commented

I'm not so familiar with this theme, but that would sound like normal behaviour for columns that contain blocks. How far down do you want them to stretch beyond the content within them?

If you post a screenshot or link, we can be more specific.

allwires’s picture

allwires commented

http://img149.imageshack.us/img149/438/badpage.jpg

That is the theme I am screwing around with. I want the columns to go all the way down like the do on my real page

http://tinyurl.com/l4ygde

See how the grey columns are even on both sides and they extend all the way down to the footer?

Jeff Burnz’s picture

Jeff Burnz commented

Its normal, by default most CSS based themes don't have full height columns unless they are specifically designed into the layout, or done with JavaScript which is a nice easy to get it done and perfectly acceptable, mainly because doing it with CSS is freaking mare.

You can try my starter theme, it has a jQuery plugin called "equal heights" that will give you the full height columns, I used it on this free theme if you want to download an example - http://design.acquia.com/drupal-themes/68portal

Your current theme based on Blue Marine is tables based and table columns stretch all the way by default, but there are all sorts of issues wrt to using tables for layout... better to move on.

Pimp your Drupal 8 Toolbar - make it badass.
Adaptivetheme - theming system for people who don't code.