Well, I have been having issues with this for a while and just extensively researched it. How do I find the padding-left on a element in internet explorer. There are many ways in Chrome or Mozilla since .width, .innerWidth, .outerWidth, and a simple .css('padding-left') work but in IE they are not cooperating at all. For example.. I can use (width - innerwidth) / 2 to get the padding-left in Chrome and Mozilla but in IE it just says 0 because width and innerwidth somehow equal each other in ie.
I am using IE 9 to debug this...
Here are the results(in IE 9) of everything I have tried so far. NOTE: I can see "padding-left" with a value of 22px in ie 9 developer tools.
.width() : 530
.innerWidth() : 530
.outerWidth() : 530
.outerWidth(true) : 530
.prop('clientWidth') : 530
.prop('offsetWidth') : 530
.prop('scrollWidth') : 530
.css('padding-left') : 0px
.css('paddingLeft') : 0px
All I want is padding-left or someway to calculate it.