Hi,

I'm having problems with equal column heights but with a twist. I've
looked up the solutions I've seen in the list in the past, but they
don't seem to address this particular issue.

I have a grid with a wrapper and three fixed columns. The background
is contained in the wrapper. Shouldn't the background push down at
whatever height either of the three columns flows? That doesn't seem
to be happening. I've tried it with the left and middle columns, but
the text overflows without pushing the wrapper background down.

Here's the basic structure:
<div id="wrapper">
<div id="leftcol"></div>
<div id="midcol"></div>
<div id="rightcol"></div>
</div>

I do have min-heights set up on the wrapper and midcol at 600 so that
there will always be at least this height available for consistency
across the pages. I set the min-height on the midcol so that the white
background would match the bottom baseline of the wrapper background.
When I remove the min-height on the wrapper, the whole background
disappears.

The sample is here: http://www.shortandddulce.com/test/index.html
CSS File: http://www.shortanddulce.com/test/css/basic.css

Thanks for any help - been troubleshooting this for hours!
Antonella


--
Antonella Severo
antonella.severo@gmail.com
http://www.antonellasevero.com
http://www.olindaridge.com

--
This list is a free service of LassoSoft: http://www.LassoSoft.com/
Search the list archives: http://www.ListSearch.com/GoLive/Browse/
Manage your subscription: http://www.ListSearch.com/GoLive/