Change div width live with jQuery

Question

Is it possible to change a div s width live with jQuery  And if it is  how   What I want is to change its width depending on the browser s window width in real time  so if when the user changes the browser window  the div s dimensions are changed as well in realtime

User · Answer

You can t just use a percentage width for the div  Setting the width to 50  will make it 50  as wide as the window  assuming there is no parent element with a width assigned to it

User · Answer

You can use  which will be triggered when the window resizes      window   bind  resize   function           Change the width of the div         yourdiv   width  600          If you want a DIV width as percentage of the screen  just use CSS width   80

User · Answer

It is indeed possible to change a div elements  width in jQuery       div   css  width    300px      However  what you re describing can be better and more effectively achieved in CSS by setting a width as a percentage    div       width  75          You can also specify min max widths        min-width  300px      max-width  960px      This div will then always be 75  the width of the screen  unless the screen width means the div will be smaller than 300px  or bigger than 960px

User · Answer

There are two ways to do this   CSS  Use width as    like 75   so the width of the div will change automatically when user resizes the browser   Javascipt  Use resize event    window  bind  resize   function         if   window  width    gt  500              divID   css  width    300px        else            divID   css  width    200px          Hope this will help you

User · Answer

Got better solution       element   resizable       stop  function  event  ui                 element   height ui originalSize height

[jquery] Change div width live with jQuery

Examples related to jquery

Examples related to css

Examples related to width