Question

i have one div which contains several divs. I changed the parent div width. But because of the divs which are children to the parent div, the width is increasing. i written the css class like this.

$('#s4-workspace').css({
    'width': '900px'
});

Here s4-workspace is the parent div.
After applying the above property and when I see in the IE, the width is increasing to 1600px. I want to apply this width to all the child divs. Is there any method to achieve such functionality in jquery?

i am working in sharepoint designer.

Answer 1

You can use width() jquery function to set the width by getting children using children() function.

$('#s4-workspace').children().width($('#s4-workspace').width());

Its better to handle it with style sheet instead jquery/javascript. Setting width of children in percentage could do it, like 100%.