Question

I have a about 200 px width size div on the right side of the website.

It is like facebook chat box that provide recent timeline.

Here is the code that I am using to resize html div

$(document).ready(function()
{
    $("#right_timeline_div").css("width", $(window).width() - 1200);
});
$(window).resize(function()
{
    $("#right_timeline_div").css("width", $(window).width() - 1200);
});

My code only shrink certain size of div.

I would like to change the div width size when the browser gets smaller size.

Let’s say if the browser is 1200px wide, then I wanna decrease the right sidebar size with jquery.

I tried a lot of methods from here but it didn’t work.

Thank you for reading my question, I hope this help other viewers who have same problem like me.

Answer 1

Try adding px as in

var newSize = $(window).width() - 1200;
$("#right_timeline_div").css("width", newSize + 'px');

or:

$("#right_timeline_div").width(newSize);

So…

$(document).ready(function(){Resize_right_timeline();});
$(window).resize(function(){Resize_right_timeline();});

functiuon Resize_right_timeline(){
    var newSize = $(window).width() - 1200;
    $("#right_timeline_div").css("width", newSize + 'px');
    //                        Add This---------------^

    //OR:
   //$("#right_timeline_div").width(newSize);
}