By kerstin80 on

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!

⋅ Categories: Drupal 5.x

Comments

kerstin80’s picture

kerstin80 commented

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

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

mooey’s picture

mooey commented

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.

dman’s picture

dman commented

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/

.dan. is the New Zealand Drupal Developer working on Government Web Standards

Tiburón’s picture

Tiburón commented

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

kerstin80’s picture

kerstin80 commented

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

jaypan’s picture

jaypan
Location Victoria, BC
commented

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

html
{
  overflow-y:scroll;
}

Contact me to contract me for D7 -> D10/11 migrations.