Layout shifts and moves from page to page.

Get help with installation and running phpwcms here. Please do not post bug reports or feature requests here.
Post Reply
nnhubbard
Posts: 8
Joined: Mon 27. Feb 2006, 21:22

Layout shifts and moves from page to page.

Post by nnhubbard »

Anyone had problems with their layout shifting and moving from page to page? I have seen it on many other sites, is there a way to fix this problem? It seems like the entire layout shifts about 10 pix and then shifts back on other pages, can't figure out why.
pepe
Posts: 3954
Joined: Mon 19. Jan 2004, 13:46

Post by pepe »

Use IE... and it's OK :lol:

Or take a left aligned layout... then your page is like a ROCK! In all browsers :idea:
nnhubbard
Posts: 8
Joined: Mon 27. Feb 2006, 21:22

Post by nnhubbard »

Use IE? That is the worst browser known to man!

So, are you telling me there is no way around this if I want to have a centered layout?
nnhubbard
Posts: 8
Joined: Mon 27. Feb 2006, 21:22

Post by nnhubbard »

Ok, I figured it out. So it is when the page needs to add a verticle scroll bar that there is a shift. This is a real bummer, as I would rather use Safari or Firefox than IE.
pepe
Posts: 3954
Joined: Mon 19. Jan 2004, 13:46

Post by pepe »

I would say... its a BUG in FF and Safari :roll:

But... if you have a solution... give it to the community. There are many uses waiting on it :wink:
Last edited by pepe on Thu 16. Mar 2006, 08:20, edited 1 time in total.
nnhubbard
Posts: 8
Joined: Mon 27. Feb 2006, 21:22

Post by nnhubbard »

If you want to fix this problem, here is the link:

http://www.communitymx.com/content/arti ... ?cid=528A0
spirelli
Posts: 996
Joined: Tue 27. Jul 2004, 13:37
Location: London

Post by spirelli »

I've just added enought vertical heigt to all my pages (even the ones with little content) so that the scroll bars always appear.
pepe
Posts: 3954
Joined: Mon 19. Jan 2004, 13:46

Post by pepe »

Hi friends,

i've tried out nnhubbards solution... and have to say: PERFECT!


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


Only one line inside the frontend.css and there is my permanent vertical scrollbar using FF :idea:

And no more horizontal jumping of my window, when changin between long and short pages...
Post Reply