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.
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.
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.
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.