Equal height divs with footer always at bottom of tallest div

Posted by nukegara on Stack Overflow See other posts from Stack Overflow or by nukegara
Published on 2009-10-29T15:00:37Z Indexed on 2010/03/30 10:03 UTC
Read the original article Hit count: 178

Filed under:

I was wondering if this were possible, and if it is the best way to go about this: example image (since I'm not allowed to post pics yet ^^)

So, not only does each column have to be of equal height, but each column also has its own individual footer.

I saw this post httx://stackoverflow.com/questions/1347366/div-at-bottom-of-window-and-adaptable-height-div (I also can't post more than one link....) - how could I rework this technique to apply to the bottom of the divs and not the bottom of the window?

*edit - each column will have content that will constantly change and be of variable height. I'm thinking I could just figure out the equal height columns first, then just absolute position a footer div within those columns. Does its parent div then have to be position: relative?

© Stack Overflow or respective owner

Related posts about css