Make two side by side divs the same height

Any help you can give would be great and much appreciated.  I just can't seem to figure out how to make two divs the same height so that as one stretches the other should stretch.  In addition I need to make the div class sideinfo remain at the bottom of the div.  As the post div grows, I need the sidebar to also grow in height.  I have this on a test site right now at http://174.120.189.125/~vanburen/

Thank you in advance for any help!
kmurphychiAsked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
BardobraveConnect With a Mentor Commented:
If your both columns are set to height:100% and contained inside another container wich height is set to auto I think that the biggest content column will define the max height size of the three elements, making all to fit to the minimum space required to show this content.

This is much theorizing, I think it would give you some trouble on IE7-8 and early.
0
 
Eternal_StudentConnect With a Mentor Commented:
This link should be of some use:

http://abcoder.com/css/css-equal-height-columns/

Personally, I would try and use a background image. Javascript would be my last option and to position the div at the bottom always using absolute positioning.

Let me know if you need further help.
0
 
Jagadishwor DulalConnect With a Mentor Braces MediaCommented:
0
All Courses

From novice to tech pro — start learning today.