[Pro] CSS Box Model question

Hi All,

I wondered if anyone could help here…

I am doing another website based on the css box model, it has a lefthand menu column, righthand copy and content column, and a footer that goes below the two columns above (holding other details). What I want to know is if it is possible to get the left hand column to extend downwards as the right hand copy column increases in depth, so that a colour background can fill the space below the menu items as the right hand column increases in depth.

The reason I would like to try to do this is that there is a strong possibility that the client would like to add their own content to a few of the pages via a CMS and I want the look to stay consistent so that if the new content added is longer than the menu column, that column background would extend to fill the space to the footer.

Thanks in advance.

Steve.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Have a google for the ‘faux columns’ technique. Basically, you use a
background image set to tile vertically and applied to the parent
container of your left and right columns to simulate this effect.

That’s the simplest way, the most browser-safe, too.

Walter

On Jun 25, 2009, at 4:51 PM, SteveB wrote:

Hi All,

I wondered if anyone could help here…

I am doing another website based on the css box model, it has a
lefthand menu column, righthand copy and content column, and a
footer that goes below the two columns above (holding other
details). What I want to know is if it is possible to get the left
hand column to extend downwards as the right hand copy column
increases in depth, so that a colour background can fill the space
below the menu items as the right hand column increases in depth.

The reason I would like to try to do this is that there is a strong
possibility that the client would like to add their own content to a
few of the pages via a CMS and I want the look to stay consistent so
that if the new content added is longer than the menu column, that
column background would extend to fill the space to the footer.

Thanks in advance.

Steve.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks Walter, you’ve done it again!!

I’ll have a look for that in the morning (10pm here in Blighty!), and I’ll report back…

Regards

Steve.

On 25 Jun 2009, 8:59 pm, waltd wrote:

Have a google for the ‘faux columns’ technique. Basically, you use a
background image set to tile vertically and applied to the parent
container of your left and right columns to simulate this effect.

That’s the simplest way, the most browser-safe, too.

Walter


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi walter,

Thanks, for the links, I tried what you suggested, and guess what – It Just Works™ (to paraphrase your trademark!) Now no matter how long the page is, the background is always the right length.

I like the simple, browser-safe route any time!

Thanks again for helping me solve this problem.

Best Wishes,

Steve.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options