Do not round .width() in jQuery

Question

Hi everyone, I've searched around and couldn't find this. I'm trying to get the width of a div, but if it has a decimal point it rounds the number.

example:

#container{
background: blue;
width: 543.5px;
height: 20px;

margin: 0;
padding: 0;

}

if I do $('#container').width(); it will return 543 instead of 543.5. How do I get it to not round the number and return the full 543.5 (or whatever number it is).

Thanks.

Answer 1

I don't think browsers will use fractional dimensions internally. The .width() returns the computed width, which the rendering engine should have already rounded to integer.

You could use .css('width'), which should return "543.5px" on some browsers (e.g. Firefox (Gecko)).