PDA

View Full Version : pages shift


marcia
05-26-2011, 01:01 AM
On the site www.multiplechoicebags.com/studiodianhome.html and the 5 pages that link to the home page shift about 1 or 2 px. when linking. The 'banners' and 'Contact' pages shift from the other 4. They are all 748 px wide.

Any solutions?

mangofreak
05-26-2011, 01:57 AM
The reason some pages shift is because they require the scroll bar on the right.

edbr
05-26-2011, 01:58 AM
lose these and see what happens
<h1>&nbsp;</h1>
<h3>&nbsp;</h3>
<h1>&nbsp;</h1>

m1a2x3x7
05-26-2011, 07:42 PM
You can set your style to always show the scroll bar so you don't get the jump effect.


html{
overflow: -moz-scrollbars-vertical;
overflow-y: scroll;
}

domedia
05-26-2011, 09:14 PM
Any solutions?

All websites work like this, and none see it as an issue 8)

marcia
05-27-2011, 03:24 AM
lose these and see what happens
<h1>&nbsp;</h1>
<h3>&nbsp;</h3>
<h1>&nbsp;</h1>

this worked in the 'contact' page, not 'banners' - now, working backwards from 'banners' to 'websites' in the menu, I get a 404. What the....

marcia
05-28-2011, 12:00 AM
You can set your style to always show the scroll bar so you don't get the jump effect.


html{
overflow: -moz-scrollbars-vertical;
overflow-y: scroll;
}


Okay, made each page much taller and it all works now. thanks. (did not know where to insert the html, so made the wrapper taller in CSS).

mangofreak
05-28-2011, 02:19 AM
The code goes between the head tags or on your external css page. That's just for reference.

<head>
<style type="text/css" media="screen">
<!--

html{
overflow: -moz-scrollbars-vertical;
overflow-y: scroll;
}

-->
</style>
</head>