Making the size of one div equal to another

Question

I have two divs, box and stylewidth. stylewidth is a child of box, which I've tried to make as large as stylewidth in a function. to that end I've added this line.

$("#box").width(("#styleWidth").width);

The problem is, box doesn't change in size, and I'm not sure why. is this the correct method?

have a look at this question http://stackoverflow.com/questions/6593425/best-method-to-fit-a-child-div-to-its-parents-width — Calum, Jan 30 '13 at 09:55

score 4 · Accepted Answer · answered Jan 30 '13 at 09:53

4

You forgot the parenthesis on the inner width() function and the dollarsign, and make sure you wrap it in document.ready or add it after the elements are loaded in the DOM:

$("#box").width( $("#styleWidth").width() );

answered Jan 30 '13 at 09:53

adeneo

312,895
29
395
388

hold that thought, I forgot about the parenthesis as well, and now it works :) thanks for your help! – Captain Dando Jan 30 '13 at 10:03

score 1 · Answer 2 · answered Jan 30 '13 at 09:56

1

You forgot the jQuery dollar sign (before #styleWidth) and .width is a function, so it takes ().

$("#box").width($("#styleWidth").width());

answered Jan 30 '13 at 09:56

jfvoliveira

104
2
7

score 0 · Answer 3 · answered Jan 30 '13 at 09:55

0

Are you sure you can't solve this problem with css?

You may be able to simply use width:100% assuming the positioning and document structure allow this.

answered Jan 30 '13 at 09:55

Eamon Nerbonne

47,023
20
101
166

normally I try to solve my problems without resorting to jquery, but in this case, I can't use a percentage width. – Captain Dando Jan 30 '13 at 10:02

Making the size of one div equal to another

3 Answers3