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:444min-height: 400px;
and changed it tomin-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!
orginal url： http://drupal.org/node/195363
sorry for double-posting!
sorry for double-posting!
my mouse was faster than my brain, again!
-> edit:
the duplicate to this thread has been removed.
thanks
I think the pragmatic
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.
It's a mathematical
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/
How to force vertical scrollbar in Gecko browsers
Hi Kerstin,
add the following HTML at the end of your page.tpl.php just before the closing body element.
<div id="mozscroll"> </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
THANK YOU
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
I know this is really old,
I know this is really old, but a more cross-browser friendly method is to use this;
html{
overflow-y:scroll;
}