Making center column stretch length of left column

[Derek]

I have a 2 column + header and footer. I have a problem where the left
column is longer then the center column and they both have different
background colors so the center column stops short. How can I make it
stretch to the footer? And vice-versa with the left column if need be.

[Christian Montoya]

Create a background images that is about 20 pixels high and 950 pixels
wide. Make the left part the color of the left column and the right
part the color of the right column. Apply this background image to the
.container that wraps these two columns. That's what we call the "Faux
Columns" method.

--
--
Christian Montoya
mappdev.com :: christianmontoya.net

[Derek]

Problem is that the site is customizable by the user and they can
change background colors of the columns.

[Goulven CHAMPENOIS]

In that case, you need to use modern CSS trickery like display: table-cell. But that won't work in IE6, 7 or 8.

On Mon, Nov 2, 2009 at 2:22 PM, Derek <d...@bowesmail.com> wrote:

Problem is that the site is customizable by the user and they can
change background colors of the columns.

> Create a background images that is about 20 pixels high and 950 pixels
> wide. Make the left part the color of the left column and the right
> part the color of the right column. Apply this background image to the
> .container that wraps these two columns. That's what we call the "Faux
> Columns" method.

--
Goulven Champenois

[Christian Montoya]

On Mon, Nov 2, 2009 at 8:22 AM, Derek <d...@bowesmail.com> wrote:
>
> Problem is that the site is customizable by the user and they can
> change background colors of the columns.
>

Ah yes, that is a different problem. The answer is in the technique
used by Skidoo, but this would require you using the Skidoo method for
laying out your columns and not Blueprint. The secret is borders and
negative margins.

http://webhost.bridgew.edu/etribou/layouts/skidoo/