Page moves slightly when selected

[Barrowboy]

Hi.

I am using a new installation with the latest version with a total of six pages on two of the pages when selected they whole page moves very slightly to the right and moves back when selecting another page.

There is just text on one page and the other is blank. All my other pages work fine.

It's most annoying when using the site would anyone know why this is happening, and why some pages do this.
My browser is IE11 but it also does the same on Chrome.

Thanks

[paulbaker]

I'll bet it's a CSS issue but without a URL I don't think anyone's going to be able to help.

[velden]

An url to the website would help. You say it moves to the right so I guess it's not because of the scroll bar (dis)appearing?

[Barrowboy]

Hi Velden

The URL is http://www.busca.org.uk

The site is still under construction so the content is not all correct.

If you start with 'About us ' and click 'Support us 'you will see what I mean.
I have used the Ngrey templates and css files all the pages are using the same with just a few tweaks here and there colours etc.
The site will be used by our village charity Barrow upon Soar Community Association.
The 'Forthcoming Events' items are just samples of what will be doing and are not yet complete.

I trust all that helps you.

Regards

[velden]

Ok, I see the content moving right/left but that's caused by the browser scrollbar which appears when the content is 'too' large.

[DragonWebEU]

Hi.

I am using a new installation with the latest version with a total of six pages on two of the pages when selected they whole page moves very slightly to the right and moves back when selecting another page.

There is just text on one page and the other is blank. All my other pages work fine.

It's most annoying when using the site would anyone know why this is happening, and why some pages do this.
My browser is IE11 but it also does the same on Chrome.

Thanks

I think I know what you mean, I had same thing with my old site 3 years ago, If you have page with lots of content scrollbar will push page to left, pages where content fit screen there is no scrollbar it go back to "right".

copy and past this code in CSS.

Code: Select all

body { overflow-y: scroll; }

[paulbaker]

If you look carefully you'll see it's just the scroll bar (on the right) appearing and disappearing, just as velden predicted. You could add a min-height: 400px; to your content area css to give every page a decent height and therefore a scrollbar.

[Barrowboy]

Hi All

Thanks for your comments how stupid of me not to notice the scroll bar.

As suggested for the time being I have added an height to the content.

I must be getting to old, brain dead some days. Must press on.

Thanks again.