title: Scrollbar resizing the page
body: <p>Let's say I have a static webpage and the whole page is wrapped, let's say inside a width of 700px, now if the content of the page is too long then (obviously) a scrollbar appears. BUT the appearance of the scrollbar moves everything to the left of like a few pixels (the ones needed to fit the scrollbar on the right side of the page). What I'd like to do is to remove this "moving" effect, so that if a scrollbar is needed this doesn't affect the content of the page in any way.</p>
  
  <p>I don't know if I made myself clear.</p>
  
  <p>let's say that this is a webpage:</p>
  
  <p>| .........contentcontent ........    |<br>
  | .........contentcontent ........    |<br>
  | .........contentcontent ........    |<br>
  | .........contentcontent ........    |<br>
  | .........contentcontent ........    |<br>
  | .........contentcontent ........    |<br>
  | .........contentcontent ........    |<br></p>
  
  <p>and this is how it looks with the scrollbar:</p>
  
  <p>| .....contentcontent ..........    | |<br>
  | .....contentcontent ..........    | |<br>
  | .....contentcontent ..........    | |<br>
  | .....contentcontent ..........   | |<br>
  |......contentcontent .......... | |<br>
  | .....contentcontent .......... | |<br>
  | .....contentcontent ..........   | |</p>
  
  <p>but I'd like to have something like this:</p>
  
  <p>| .........contentcontent ......   | |<br>
  | .........contentcontent ...... | |<br>
  | .........contentcontent ......   | |<br>
  | .........contentcontent ......   | |<br>
  | .........contentcontent ......   | |<br>
  | .........contentcontent ......   | |<br>
  | .........contentcontent ......   | |<br></p>
  
  <p>dots represent whitespace, content represent the webpage content and the column  on the right represents the scrollbar.</p>