RE: [css-d] Newbie - Positioning Problem (I think)
Hello Juanita,
As others have pointed out, this lateral jump from page to page is caused
by the presence or not of a vertical scrollbar, depending on the length of
your page. The wisest thing to do is probably to live with it ... but in
case you want to force vertical scrollbar, here is the best trick I know:
html
{
height: 100%;
margin-bottom: 1px;
}
It keeps the vertical scrolling to a minimal 1px.
Source:
http://www.hicksdesign.co.uk/journal/forcing-scrollbars-now-even-better
Credits to Patrick H. Lauke.
Best regard,
Jérôme Coupé
Technical knowledge is not enough.
One must transcend techniques so that the art becomes an artless art,
growing out of the unconscious. - Daisetsu Suzuki, J. Hyams (1979, 99).
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Newbie - Positioning Problem (I think)
Juanita schrieb: Different pages contain text of different lengths, and are in a container which expands as necessary, meaning some pages need to scroll - some don't. Consequently, the pages 'jump' when switching between pages that scroll and those that don't. It does this in all browsers FF, Opera, Netscape, (Safari/Mac IE) and used to in IE (PC) but I changed something (not sure what!) that put a grayed-out scroll bar on the pages that have less text. Does anyone know what I can do so all the pages stay in the same place regardless of the length of the page. I know - it's not perfect - but I'm just learning! In my opinion, you should give the html element a height of 100.02% or 100.03%. This way Mozilla and friends should permanently display the vertical scrollbar, without providing the ability to scroll. Regards, Uwe Kaiser -- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Newbie - Positioning Problem (I think)
Hi- I'm really new to CSS, I'm currently reading Eric Meyers (More on...) with Zeldman and Zen Garden waiting in the wings. I thought the best way to learn was by doing, so I am trying a small site, and have what I think is a positioning problem. Different pages contain text of different lengths, and are in a container which expands as necessary, meaning some pages need to scroll - some don't. Consequently, the pages 'jump' when switching between pages that scroll and those that don't. It does this in all browsers FF, Opera, Netscape, (Safari/Mac IE) and used to in IE (PC) but I changed something (not sure what!) that put a grayed-out scroll bar on the pages that have less text. Does anyone know what I can do so all the pages stay in the same place regardless of the length of the page. I know - it's not perfect - but I'm just learning! Here's the link: http://www.kcsm.org/railroadempire.htm Here's the css: http://www.kcsm.org/catalog/railroadempire/railroad.css Thanx Juanita __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Newbie - Positioning Problem (I think)
Paul Novitski [EMAIL PROTECTED] on Friday, July 22, 2005 at 12:02 PM -0800 wrote: At 10:38 AM 7/22/2005, Juanita wrote: Different pages contain text of different lengths, and are in a container which expands as necessary, meaning some pages need to scroll - some don't. Consequently, the pages 'jump' when switching between pages that scroll and those that don't. ... Does anyone know what I can do so all the pages stay in the same place regardless of the length of the page. ... http://www.kcsm.org/railroadempire.htm Juanita, As you've pointed out, your page content is 'jumping' horizontally when the vertical scrollbar appears disappears. This is because the position of your content column is tied to the window width through centering. In other words, your page is doing exactly what you've told it to do. There are a number of solutions ranging from terrible to not too bad, including: - You might have to consider simply living with the jumping; it's not the end of the world. Regards, Paul Paul - I'm glad to know it wasn't a problem I created by bad CSS. Thanks for the suggested fixes - I'll try them to see what looks best! Juanita __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
