Same width in different columns using css

StackOverflow https://stackoverflow.com/questions/5030305

  •  14-11-2019
  •  | 
  •  

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.

Was it helpful?

Solution

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.

OTHER TIPS

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

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top