Firefox scrollbar changes webpage position

Discussion in 'Software' started by sheepondrugs, Jun 15, 2010.

  1. sheepondrugs

    sheepondrugs Private First Class

    Hi everyone,

    Spent months writing a website (xhtml and css/divs)

    The whole website works fine on IE and Safari.

    However on Firefox, when the page is too long for the screen in height, the scrollbar on the right shows as normal. When the scrollbar shows it pushes the website in, which I do not want.

    I would like the webpage to be centered at all times, with or without the scrollbar present.

    Any ideas how to resolve this issue?


    Many Thanks :)
     
    sheepondrugs, Jun 15, 2010
    #1
  2. sheepondrugs

    sheepondrugs Private First Class

    Code:
    /*this is to keep page from shifting to left on load in safari and firefox*/
html { min-height: 100%; margin-bottom: 1px; }
html { overflow: -moz-scrollbars-vertical !important; }
    Apparently this is a known issue in Firefox.

    ..also known as scrollbar page shifting.

    This peice of code works, by always keeping the scrollbar there. (Guess it's a work around)
     
    sheepondrugs, Jun 15, 2010
    #2
  3. mjnc

    mjnc MajorGeek

    Why is the CSS applied to <html> rather than <body> ?
     
    mjnc, Jun 18, 2010
    #3
  4. PC-XT

    PC-XT Master Sergeant

    PC-XT, Jun 18, 2010
    #4
  5. mjnc

    mjnc MajorGeek

    Hello PC-XT

    I was just reading your post in 'which programming language to learn'.

    Thanks for the reply and links!
    I'll see if I can trudge my way through that first article.
    The second link page wont load fully right now.

    Yeah, in all of the CSS stuff that I've read, I don't recall seeing anything with styling
    applied to <html> except some Sticky Footer code:
    Code:
    html, body {
  height: 100%;
  }
    And of course the Internet Explorer 5 and 6 hacks:
    Code:
    * html
    That's why I was curious about the code that was posted.

    I have a couple of questions concerning javascript and writing / reading
    cookies which I'm sure you would know.
    Hope you'll be in the neighborhood when I get around to posting about that. :wave
     
    mjnc, Jun 19, 2010
    #5
  6. PC-XT

    PC-XT Master Sergeant

    I'll look forward to it, if I can get to it before the others. ;)
     
    PC-XT, Jun 21, 2010
    #6

MajorGeeks.Com Menu

Downloads All In One Tweaks \ Android \ Anti-Malware \ Anti-Virus \ Appearance \ Backup \ Browsers \ CD\DVD\Blu-Ray \ Covert Ops \ Drive Utilities \ Drivers \ Graphics \ Internet Tools \ Multimedia \ Networking \ Office Tools \ PC Games \ System Tools \ Mac/Apple/Ipad Downloads

Other News: Top Downloads \ News (Tech) \ Off Base (Other Websites News) \ Way Off Base (Offbeat Stories and Pics)

Social: Facebook \ YouTube \ Twitter \ Tumblr \ Pintrest \ RSS Feeds