Make div height of two other divs

Question

i have a div, div1 with a height according to the text, div2 is the same. Now i need div3 to be: div1 + div2

I have this code, but it ain't workin.

var lengthnews1 = ((document.getElementById("div1").offsetHeight)+"px");
var lengthnews2 = ((document.getElementById("div2").offsetHeight)+"px");
var x = document.getElementById("div3");
x.height = (lengthnews1 + lengthnews2);

http://stackoverflow.com/questions/7158847/javascript-dom-on-ie/7158950#7158950 — Tegra Detra, Aug 23 '11 at 11:54
You might also wanna check out Firebug (http://getfirebug.com/), so you can step through and debug your javascript... — peirix, Aug 23 '11 at 12:02

score 3 · Accepted Answer · answered Aug 23 '11 at 12:00

3

you are trying to add two strings, not numbers. Fetch both heights, add them and then add the "px" :

var lengthnews1 = ((document.getElementById("div1").offsetHeight));
var lengthnews2 = ((document.getElementById("div2").offsetHeight));

var x = document.getElementById("div3");
x.height = (lengthnews1 + lengthnews2) + "px";

You can verify the working code at this fiddle

answered Aug 23 '11 at 12:00

vvohra87

5,594
4
22
34

1

@1ntello: Happy to help, these kind of small bugs drive me crazy as well! – vvohra87 Aug 23 '11 at 12:32

score 0 · Answer 2 · answered Aug 23 '11 at 11:55

0

You need to remove the "px" from lengthnews1 and lengthnews2 variables so you can add the two values together for var x, once added you can then add the "px".

answered Aug 23 '11 at 11:55

DevTez

198
1
7

score 0 · Answer 3 · answered Aug 23 '11 at 11:58

0

You need to set the height using x.style.height Also you need to concat with "px" only once, ie (lengthnews1 + lengthnews2) + "px"

answered Aug 23 '11 at 11:58

Jad

922
8
14

Make div height of two other divs

3 Answers3