Firefox下的滚动条问题

hello!
i searched for an answer to my question already, but could not find anything i could use to solve my problem.

Drupal Version: 5.3
Used Theme: Minelli (core Theme, Garland-like with fixed width)

when i browse my site from a page that has not much content (no scrolling needed) to a page with more content (where scrolling is needed) in FireFox 2.0.0.9, the scrollbar appears and makes the whole site "jump". this looks extremely ugly!
animated gif of the problem:
http://img49.imageshack.us/my.php?image=ffwd9.gif

actually it is more ugly in the browser than in the animated gif!

in InternetEplorer this problem does not appear, because the scrollbar is activated even when there is nothing to scroll.
animated gif:
http://img156.imageshack.us/my.php?image=iekz9.gif

well, i already tried to solve it with the following code change:
drupal/themes/garland/styles.css:444
min-height: 400px;
and changed it to
min-height: 700px;

but this is also a very ugly solution, making the pages with less content scrollable when it's not needed.

anyone has an idea how i could solve this prob?
thank you!

» Login or register to post comments

sorry for double-posting!

kerstin80 - November 26, 2007 - 13:55

sorry for double-posting!
my mouse was faster than my brain, again!

-> edit:
the duplicate to this thread has been removed.
thanks

Login or register to post comments

I think the pragmatic

mooey - November 26, 2007 - 11:22

I think the pragmatic solution is to live with it. Its a characteristic of Firefox and I would say one of those times that microsoft got it right. Firefox users will not doubt be used to the content jumping around (I know I am) and most people aren't affected.

Login or register to post comments

It's a mathematical

dman - November 26, 2007 - 14:30

It's a mathematical side-effect of 'centering' anything.
Remove the centering (margin-left:auto; margin-right:auto) and it'll stop.

However, you'll probably stop noticing it once you actually put content on your pages - and they all have something to scroll.

.dan.
How to troubleshoot Drupal | http://www.coders.co.nz/

Login or register to post comments

How to force vertical scrollbar in Gecko browsers

Tiburón - November 26, 2007 - 15:24

Hi Kerstin,

add the following HTML at the end of your page.tpl.php just before the closing body element.

<div id="mozscroll">&nbsp;</div>

Then add this CSS code to your style sheet:

#mozscroll { position: absolute; top: 0px; bottom: -1px; visibility: hidden } /* Force vertical scrollbar in Gecko browsers */

That should do the trick :-)

Regards,

Christian Larsen

Login or register to post comments

THANK YOU

kerstin80 - November 26, 2007 - 17:44

thanks to you all for answering me my question!
dan's and christian's suggestions work both. so i can decide which way to go.

GBH&K
Kerstin

Login or register to post comments

I know this is really old,

Jay Matwichuk - June 30, 2009 - 05:45

I know this is really old, but a more cross-browser friendly method is to use this;

html
{
  overflow-y:scroll;
}

orginal url： http://drupal.org/node/195363