jquery add width + padding;

Question

i am trying to do var width = ($(this).width() + $(this).css('padding-left') + $(this).css('padding-right'));

do add the width to the padding, so i should end up with width = 200 + 4 + 4 = 208 instead i end up with 2004px4px;

how can i force it to add them to get 208?

Answer 1

Why dont you use outerWidth property instead. http://api.jquery.com/outerWidth/

Answer 2

Use parseInt

var width = $(this).width();
var paddingLeft  = parseInt($(this).css('padding-left' ), 10);
var paddingRight = parseInt($(this).css('padding-right'), 10);

var paddedWidth = width + paddingLeft + paddingRight;

Or better use the jSizes plugin as mentioned in this answer.