layout moves when navigating pages

Question

I've created a design which I've upoaded to its domain, but i'm getting a strange result when browsing different pages. The site can be seen here -

http://www.ocd-electrical.co.uk/

When switching from the "Home" page to "About" page, the entire layout moves several pixels. Some of the other pages stay in the same position, but some don't! So I'm not sure what is causing the problem, or how to fix it?

Hope someone can advise?

Myles

Answer 1

Please attach some screenshot of error. As we are unable to produce it.

Answer 2

Hi Sarah,

It would be difficult to see the problem with screenshots, so I've made a short video that demonstrates the issue quite clearly.

http://screencast.com/t/vfO3AbNPS2

I'm using a wide screen monitor to create and view the site, so the problem may not be so obvious on a smaller screen. You will see from the video though that the movement of the page is quite pronounced when browsing between some pages.

Many thanks,

Myles

Answer 3

On high resolution when you switch the page in menu, there is vertical scrollbar which appears for a moment due to large content. So it seems the layout moves but actually not.

Answer 4

Thanks Sarah,

I hadn't noticed the scroll bar on the right of my wide screen. On my smaller monitor it's there on every page, but as you say, only appears on certain pages with long content when viewed on a wide screen!

Thanks for solving the mystery! :)

Myles