Page moves slightly to the left in browser when scrollbar appears

**Kresimir** · 30 September 2010, 09:46 PM

I made test site in Xara Designer Pro. Some pages are shorter, and some longer then the screen size. Whenever I jump to the page that is longer than the screen, the scrollbar appears at the right size and the whole design kinda jumps to the left (if the browser window is maximized). How to prevent this "jump to the left" when scrollbar appears?

**steve.ledger** · 30 September 2010, 09:51 PM

You can't - this is normal behaviour of browsers.
There are scripts to disable scroll bars, but then your visitors cannot scroll to see the rest of your page.

**mikecharnock** · 30 September 2010, 11:21 PM

What I normally do is force the browser to show the scroll bars all the time - even if they aren't needed. In that way nothing moves on pages that need scroll bars.

Create a placeholder containing the following, and give it the name <head>

<style>
html {overflow: scroll;}
</style>

**steve.ledger** · 01 October 2010, 02:43 AM

Yes that's a good idea mike.
In fact, you can force only the vertical scroll bar by adding 'y' like this:

<style>
html { overflow-y :scroll }
</style>

**Kresimir** · 06 October 2010, 03:51 PM

Originally Posted by sledger

Yes that's a good idea mike.
In fact, you can force only the vertical scroll bar by adding 'y' like this:

<style>
html { overflow-y :scroll }
</style>

Well, thank you for good advice. I would just like to ask is there of any importance where phisically on the page the placeholder is placed?