I was wondering if there is a common way to create multi column divs all next to each other with background images that extend down to the same height when the text in each one is different. I want them all to be repeated to the bottom of the longest height div.
Here’s a picture … assume that my background image is a green line one pixel high and a red line 1 pixel high and I want it to be variable height. I find that the green div will never extend down to the bottom. I also want this to be able to work for any number of columns that I add.
Anyone have code for something like this that works in all IE, FF and Safari?
Thanks!
[upl-file uuid=46a1027d-4161-4dfc-bcd2-8c92b2108003 size=43kB]divs.jpg