I've done a lot of searching online and in other forums and haven't found a solution to my problem.
I've got a layout in which I have two child divs (as columns) nested inside of a parent div. I'd like them both to be the height as the column with the most content in it. A snap for me to do in tables, but I'd like to be able to do it in CSS.
Here is my code.
border:#000000 10px solid;
Any help is greatly appreciated.
Since IE has such poor
Since IE has such poor support for css2.1, we have to use a work-around called faux columns (Google is your friend), After reading the article at A List Apart, see the 2 column—apparent equal height demo.
It was the "faux columns"
It was the "faux columns" key words that I was missing. I was doing searches on "css div parent child stretch" etc., etc.
I guess I just figured that there was some way to do it without using a background image, but applying one to the parent div seems to be quite a simple solution.