Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 13 of 13
  1. #1
    Regular Coder
    Join Date
    Nov 2004
    Posts
    101
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Wrapper shifts slightly left and right on various pages

    My gut says _Aerospace_Eng_ helps me out with this (like usual) - but I am having some sort of trouble with my entire content shifting slightly left and right - the entire wrapper actually. It seems that when the content stretches down fairly far towards the bottom, it does not shift, but when it does not, if shifts slightly to the right.

    Example watch how these two pages behave, if you go back and forth you will see the second one bumps over to the right. I tried putting a "spacer" div in the content area to make sure it was filling past a certain point, but that did not seem to do the trick:


    http://www.ricochetnetwork.com/index1.htm
    http://www.ricochetnetwork.com/overview.htm

  • #2
    Regular Coder Graft-Creative's Avatar
    Join Date
    Aug 2004
    Location
    Web Designer - North East Lancashire U.K.
    Posts
    842
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Looks fine to me, are you sure it's not just the scrollbar disappearing on the shorter page?

    Gary

  • #3
    Regular Coder
    Join Date
    Nov 2004
    Posts
    101
    Thanks
    1
    Thanked 0 Times in 0 Posts
    You're right - I didn't notice that until you said so but in FF the scrollbar disappears and it does not in IE. Is the only fix for this to make sure the page is long enough for a scroll bar?

  • #4
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    You could turn on scrolling all of the time but You might get a horizontal scrollbar to that does nothing.

  • #5
    Regular Coder Graft-Creative's Avatar
    Join Date
    Aug 2004
    Location
    Web Designer - North East Lancashire U.K.
    Posts
    842
    Thanks
    0
    Thanked 0 Times in 0 Posts
    There's no problem to fix really Just one of those things.

    Gary

  • #6
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Agreed. People who know their browser know that things like this happen. Users really take no account into the scrollbar being added or not.

  • #7
    Regular Coder
    Join Date
    Nov 2004
    Posts
    101
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Maybe it's just me, but I see this as an annoyance in FF (about the only one I can think of). I much prefer the way IE handles this by just graying out the vertical scroll bar so it doesn't jar the page over 20px back and forth. I think I'll just use the spacer DIV to make sure the scroll bar appears.....

  • #8
    Regular Coder Ranger56's Avatar
    Join Date
    Mar 2005
    Location
    Kent, WA.
    Posts
    783
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I had that problem too, but then i noticed the scroll bar!

    I really like your site.

  • #9
    Regular Coder
    Join Date
    Nov 2004
    Posts
    101
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Ranger56
    I had that problem too, but then i noticed the scroll bar!

    I really like your site.
    What did you do to "fix" it? Just make sure your content div stretches far enough to force scroll?

    Hey thanks, I really appreciate that. I'm still not done, I am shooting for clean but thinking it might be a bit to much white - might have to put a very slight gray background for the body and leave the interior content parts white... I dunno though.

  • #10
    Regular Coder
    Join Date
    Nov 2004
    Posts
    101
    Thanks
    1
    Thanked 0 Times in 0 Posts
    So just to be sure - is there no way to dynamically resize in CSS based upon the scroll bar being there or not?

  • #11
    Regular Coder
    Join Date
    Nov 2004
    Posts
    101
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Ok, how about this:

    I added this to my CSS body: min-height: 101%;

    IE seems to ignore this and this foreces FireFox to have a scroll bar.

  • #12
    Regular Coder Ranger56's Avatar
    Join Date
    Mar 2005
    Location
    Kent, WA.
    Posts
    783
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by niemie
    What did you do to "fix" it? Just make sure your content div stretches far enough to force scroll?

    Hey thanks, I really appreciate that. I'm still not done, I am shooting for clean but thinking it might be a bit to much white - might have to put a very slight gray background for the body and leave the interior content parts white... I dunno though.

    Nothing!

  • #13
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    niemie thats probably the best option if you want to fix it. A thread was posted recently about the page shift. There is a link in there that explains what you could do both from a developer point of view and a user point of view. The Annoying Page Shift ..


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •