Setting CSS values based on another value

Question

I have a div that I want to set the height of to 1/2 the height of another div. Is there a way I can say something like height: 50% of height of divid1;

dertkw · Accepted Answer · 2011-08-01 09:26:35Z

5

With plain CSS there is no way you can do this. You'll have to use e.g. JavaScript to accomplish this.

answered Aug 1, 2011 at 9:26

dertkw

7,8585 gold badges39 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Qasim · Accepted Answer · 2011-08-01 09:27:00Z

1

One method is to use Javascript:

document.getElementById('divid2').height = Math.floor(document.getElementById('divid1').height/2);

Or calculate half of the height of divid1 if the value is static.

answered Aug 1, 2011 at 9:27

Qasim

1,7124 gold badges27 silver badges51 bronze badges

Comments

Erik Oosterwaal · Accepted Answer · 2011-08-01 09:27:03Z

1

sorry, no, not in standard CSS. Unless you want the height of the containing DIV, then ofcourse you can use 50%. Maybe a solution for you would be to look into something like SASS (http://sass-lang.com/)

answered Aug 1, 2011 at 9:27

Erik Oosterwaal

4,4145 gold badges47 silver badges69 bronze badges

Collectives™ on Stack Overflow

Setting CSS values based on another value

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related