Scrollbar throws centering off

[Graeme2006]

Hi,
I have some CSS that centers the entire page.
body{
width: 760px;
margin: 0 auto;
}

The problem is that whenever a page goes beyond the browsers viewing area, the scrollbar comes out and this shifts the page slightly to the left. It looks akward when switching between pages, some of which are short, and some longer. Any idea how to stop this behaviour? (by the way, the problem does NOT occur in IE).

Thanks,
Graeme

[Robin_reala]

Some while ago I noticed this, but decided tha normal users couldn't care less and forgot about it :)

If you're positive you want to stop then shift then you can force scrollbars on all the time by adding the folowing to your CSS:

html { overflow-y: scroll; }

[Graeme2006]

I thought of that, but there must be a way around it.

Also, the way my page is set up, it looks really bad when navigating

[Robin_reala]

A way around what? In IE the scrollbars are on permenantly - that's why you don't see the shift. In Firefox they're not (btw this is a deliberate design decision for better or worse) but you can force it to be like IE with the code I posted above. Apart from that what else can you do?

[Graeme2006]

ya thanks, that's probably what I'll just end up doing (and I didn't notice IE had it on permanently)