So on a web site I'm working on, I have a three-column layout, floated divs. What I want is to assure that the center column will be at least as high as the right column (the center column could be higher, depending on the content), filling it out with "empty space" if necessary to achieve this (it has a background image, so it wouldn't actually be empty looking).
I want this to be true on every page of the site, but the content of the center column will vary in height from page to page, so I can't use a fixed height. It would be nice if the overflow property allowed for some sort of "push" or "force" value, to make the element large enough to display the content, but none of the current overflow values will work to let me use a fixed height.
Does anyone know how to accomplish this, to in some way link the height of the center column to that of the right column, so that the center column will be at least as high as the right column, but bigger if need be?
Thanks for any and all help.