Scrollbar shifts content

Question

I have: I have several web pages both with this outline:

CONTENT


         


        

Answer 1

If you want a pure css option, i believe an absolute positioned div inside the body with width and height of 100%, overflow auto and right padding larger than the width of a scroll bar, will replace the normal scrollbar without shifting the content to the left on long pages.

I know i used this technique a long time ago, but i cant remember the exact css quirks i had to use.