Resize element width on window resize jquery

Question

I am computing elements width on page load with jq and works fine , trying to automate on window resize but kinda does not work. Desired effect: Boxes should auto resize on window resize and not drop down.

http://jsfiddle.net/yMcXm/4/

any help is appreciated . Thank you!

Selvakumar Arumugam · Accepted Answer · 2012-06-11 16:43:25Z

6

Try $(window).resize See below,

$(document).ready(function() {
    var cw = $('#container').width();
    $(".box").width(cw / 5);

    $(window).resize(function() {
        var cw = $('#container').width();
        $(".box").width(cw / 5);
    });
});

Also used overflow property on the container and box_in, so that the elements/text inside are contained/hidden.. instead of going out.

DEMO: http://jsfiddle.net/skram/yMcXm/7/

answered Jun 11, 2012 at 16:43

Selvakumar Arumugam

79.9k15 gold badges123 silver badges139 bronze badges

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

1 Comment

Benn Over a year ago

sure did. I did not pay attention.

Collectives™ on Stack Overflow

Resize element width on window resize jquery

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related