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.

score 0 · Accepted Answer · answered Feb 17 '11 at 14:38

0

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.

answered Feb 17 '11 at 14:38

Gatekeeper

1,586
3
21
33

Its like "document.getElementById("id").clientHeight" or "document.getElementById("id").offsetHeight" and than set it like "document.getElementById("id").height = ..." – Gatekeeper Feb 17 '11 at 14:40
The other answer looks pretty cool, but i dont think it will work if there is something else between your two divs... or am i wrong? – Gatekeeper Feb 17 '11 at 14:48

score 0 · Answer 2 · edited May 23 '17 at 12:29

0

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

edited May 23 '17 at 12:29

Community

1
1

answered Feb 17 '11 at 14:39

Ravikiran

1,440
11
15

i searched in stackoverflow but i didnt find anything interesting – Nidis Feb 17 '11 at 14:40
did you check the above questions which answer the same ? if it helps you please don't forget to select the answer :) ! – Ravikiran Feb 17 '11 at 15:01

Same width in different columns using css

2 Answers2