View page with Firefox pages are moving

**luigi_corciulo** · 29 April 2009, 10:15 AM

I'm using Xara5 WD, using IE there are not problem, for those who visualize with Firefox they can see the pages "moving", how may I avoid this annoy problem ?
To make easy life for the helper here the different links to have an example ( I have the problem with firefox between thise pages , even with others within the web site) : http://www.coteza.altervista.org/multimetri.htm and http://www.coteza.altervista.org/acquisizionedati.htm , so if you go with NAV BAR from multimetri to acquisizionedati you can see the movement.
Thanks

**gwpriester** · 29 April 2009, 01:04 PM

Welcome to the Web Design conference Luigi

I just looked at your two links in Firefox 3.0.1.0 and the pages do not move (shift position). Is this what you mean? When you navigate to a new page the page is in a different position?

But this has been a problem with Firefox in the past. But your site was OK.

**Drwyd** · 29 April 2009, 06:32 PM

I am getting the problem here with FF 3.0.10, click "Metrologica" then "GPT e Sicurezza" on the horizontal bar.

A simple fix is to make sure that all your pages are at least 1050 pix high.

There are other ways but they involve coding.

Drwyd

**luigi_corciulo** · 29 April 2009, 06:50 PM

Thks Gary and Thks Drwyd,
I try to expalin in different way how I see the movement: navigation bar on the top if click on "metrologia" and then on "GPT &Sicurezza elettrica" you can see (using FF) that the page is moving fro m left to right and the pages have same width, I already followed the advice from Drw making more longer (I put all pages with same length, taking as sample the longer page) was ok, not movement, but a friend of mine - my beta tester- told me that is not a good looking if someone rolling the mouse down per kilometers without seeing anything were should be a short text.
I have purchased Xara because they claim "you don't need to know html code ect ect, you can size each page ect ect, but there is somenthing that I can't catch in this issue.

**Drwyd** · 29 April 2009, 07:13 PM

These should highlight the problem and provide a solution

N.B. file will need to be published to HDD

Code:

html {
	min-height: 100%;
	margin-bottom: 1px;
	}

Above code used in placeholder.

Drwyd

**Soquili** · 29 April 2009, 07:15 PM

Hi Luigi,

The movement is caused by some pages having a scrollbar (right side of page) and some not having a scrollbar.

Drwyd explained that having all pages the same length will prevent the movement.

When a page has a scrollbar the text and graphics are shifted to the left to center on the active page width.

On a page without a scrollbar the text and graphics shifts to the right to center on the new page width.

**Drwyd** · 30 April 2009, 12:29 PM

Improved version with code placed in head.

Drwyd

**luigi_corciulo** · 30 April 2009, 02:46 PM

Drwyd,
I'll try your adv during the week end and I'll let you know.
many thks for the moment

**luigi_corciulo** · 01 May 2009, 06:36 PM

Drwyd,
at the end, I thought about what Soquili woùrote on scrollbar, so I add some pix more in height and now all pages doesn't move anymore.
Many thanks for the help were helpful in any case and I have learned something more.
Regards