Same width in different columns using css

Question

I have to columns, lets say rside and lside. They dont have fixed height. I want each time to adjust their width accordingly. So if lside is bigger, rside should be the same height.

So both of them should have some height according to the higher of those.

Answer 1

You should do it by javascript - get size of both and than set the bigger one to smaller column :-) I think you cant do it by css if you dont know size of content before.

Answer 2

Please check http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks , the best explanation of achieving equal height columns and I'm sure a lot of people have asked this question.

Other answers on StackOverflow:-
1) HTML/CSS: Making two floating divs the same height
2) Columns of Equal Height with JQuery