Same width in different columns using css

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 开发者_Go百科the higher of those.

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.

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