CSS - Having small problem. Help? 1

[ggordon]

I have a page at:

http://www.gordondesigns.com/css_samplecode/

This is a very basic page, and my question .. I hope is also very basic.

You'll notice 3 columns.

In the left and right columns you'll see just a small amount of text. The middle column has the bulk of the text.

My question is .. how can I get the background-color that appears behind the left and right columns .. to fill the entire area.

The color behind the left and right columns are filling the layer, but the layer is not "dynamically" strecthing down to match the height of the center column.

I want the layers (on the right and left) to dynamically stretch in height so .. when I apply a color in the background, that it fills the entire area.

I also need this to work in all major browsers, such as IE 5, 5.5, 6, Netscape 6, 7, Mozilla/Firefox, and Opera.

Any good advice ... without having to set a specific height to the left and right layers??

Gary



Gary M. Gordon
ggordon@garymgordon.com

 

[cLFlaVA]

Any reason you're not using tables? This could easily be done with the background-color style of a table data cell.

*cLFlaVA
----------------------------
A polar bear walks into a bar and says, "Can I have a ... beer?"
The bartender asks, "What's with the big pause?

 

[ggordon]

Yes. I am simply moving to a fully XHTML Strict and CSS development process.

So, I need to do this without any tables.

I am just looking for help with regard to this.

Thanks,
Gary


Gary M. Gordon
ggordon@garymgordon.com

 

[Foamcow]

Check out the "faux columns" article on aListApart

http://www.alistapart.com/articles/fauxcolumns/

http://www.foamcow.com

 

[ggordon]

Thanks! That's great.

Gary


Gary M. Gordon
ggordon@garymgordon.com