Padding issues between text and scrollbar in IE and other browsers - Fix

1) If you have a scroll box and you put a border around it in css e.g. 
border:1px solid red; for testing purposes and you make the text box a 
fixed width of 450px

2) If you now compare the positioning of the scrollbars image to the text 
you have in the scroll area in IE and other browsers e.g. Chrome 

3) You will find the padding and spacing is different on the different 
browsers

4) If you need to be 100% accurate with spacing this becomes a major issue 
when making sure it works for all browsers.

From what I understand IE use padding differently to the others so no CSS 
changes will fix this. Did a quick search on google and found this resource 
with more info - http://www.webcredible.co.uk/user-friendly-
resources/css/internet-explorer.shtml

We are using the  * $Id: jScrollPane.js 33 and jquery-1.3.2.js

We have managed to figure out the problem and this is more of a tip for 
others in case they come across the same or similar problem.

The issue we had was with line 135 which is the else part of this 
statement.

if(settings.scrollbarOnLeft) {
cssToApply.paddingLeft = settings.scrollbarMargin + settings.scrollbarWidth 
+ 'px';
} else {
cssToApply.paddingRight = settings.scrollbarMargin + 'px';
}

All you do is comment out the else portion and it works perfectly.

Apart from that I must add this jquery library is excellent!

Original issue reported on code.google.com by jhnetweb...@gmail.com on 12 Dec 2009 at 2:24

AlreadyM / jscrollpane

Padding issues between text and scrollbar in IE and other browsers - Fix #156