Setting width as a percentage using jQuery

jquery width
Prasad picture Prasad · Jan 23, 2010 · Viewed 112.5k times · Source

How can I set the width of a div as a percentage using jQuery?

Answer

Darin Dimitrov picture Darin Dimitrov · Jan 23, 2010

Using the width function:

$('div#somediv').width('70%');

will turn:

<div id="somediv" />

into:

<div id="somediv" style="width: 70%;"/>

Related questions

jquery $(window).width() and $(window).height() return different values when viewport has not been resized

I am writing a site using jquery that repeatedly calls $(window).width() and $(window).height() to position and size elements based on the viewport size. In troubleshooting I discovered that I am getting slightly different viewport size reports in repeated …

Read More
How to get screen width without (minus) scrollbar?

I have an element and need it's width without(!) vertical scrollbar. Firebug tells me body width is 1280px. Either of these work fine in Firefox: console.log($('.element').outerWidth() ); console.log($('.element').outerWidth(true) ); $detour = $('.child-of-element').offsetParent(); …

Read More
jQuery - Get Width of Element when Not Visible (Display: None)

It seems like in jQuery when an element is not visible width() returns 0. Makes sense, but I need to get the width of a table in order to set the width of the parent before I show the parent. As …

Read More