Useless horizontal scrolling. Where is the problem?

Discussion in 'CSS' started by ArmKaz, Aug 14, 2011.

  1. #1
    Hi, on my site: http://www.ivotepolls.com, as you notice the horizontal scrollbar is very wide, I looked through my html and css and could not find the problem. Anyone know where the problem is?
     
    Solved! View solution.
    ArmKaz, Aug 14, 2011 IP
  2. Chuckun

    Chuckun Well-Known Member

    Messages:
    1,161
    Likes Received:
    60
    Best Answers:
    2
    Trophy Points:
    150
    #2
    I'm not seeing any horizontal scrolling in Chrome (Mac)..

    My suggestion either way is to add this to your CSS.

    body {
    width: 99%;
    }

    If that doesn't fix it, also try adding

    html {
    width: 99%;
    }

    Chuckun
     
    Chuckun, Aug 16, 2011 IP
  3. ArmKaz

    ArmKaz Well-Known Member

    Messages:
    435
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    100
    #3
    Neither worked. Strange, the problem only exists with Firefox. Any clues?

     
    ArmKaz, Aug 16, 2011 IP
  4. Toycel

    Toycel Peon

    Messages:
    243
    Likes Received:
    11
    Best Answers:
    4
    Trophy Points:
    0
    #4
    ivotepolls.jpg
    This is my view in FF so where is the issue?
     
    Toycel, Aug 17, 2011 IP
  5. jeremyhowell

    jeremyhowell Member

    Messages:
    379
    Likes Received:
    7
    Best Answers:
    2
    Trophy Points:
    45
    #5
    What is your current screen resolution?
     
    jeremyhowell, Aug 17, 2011 IP
  6. ArmKaz

    ArmKaz Well-Known Member

    Messages:
    435
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    100
    #6
    This is very strange because my friend and I have the horizontal scrolling issue. My resolution is: 1280 by 800.
     
    ArmKaz, Aug 17, 2011 IP
  7. Toycel

    Toycel Peon

    Messages:
    243
    Likes Received:
    11
    Best Answers:
    4
    Trophy Points:
    0
    #7
    I'm running 1680 X 1050 on both my monitors and don't seem to have any issues.
     
    Toycel, Aug 17, 2011 IP
  8. ArmKaz

    ArmKaz Well-Known Member

    Messages:
    435
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    100
    #8
    I seem to have the issue but still can't locate it via code. This only occurs when the user is logged in.

    [​IMG]
     
    ArmKaz, Aug 17, 2011 IP
  9. #9
    Narrowed the problem down to the sidebar, and as previously mentioned it is a problem when your logged in only, it seems the Activity widget is the problem causer, because when I remove it the scroll bar disappears.
     
    jeremyhowell, Aug 17, 2011 IP
  10. ArmKaz

    ArmKaz Well-Known Member

    Messages:
    435
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    100
    #10
    Doesn't make sense how it would go to the roght when the only possibility for it is vertical.

     
    ArmKaz, Aug 17, 2011 IP
  11. Toycel

    Toycel Peon

    Messages:
    243
    Likes Received:
    11
    Best Answers:
    4
    Trophy Points:
    0
    #11
    Without going through all the sign up process and routing through all the code, check what width: property you have in your CSS files for that section then and maybe there in may lie the problem
     
    Toycel, Aug 18, 2011 IP
  12. ArmKaz

    ArmKaz Well-Known Member

    Messages:
    435
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    100
    #12
    Found the issue in the code. Fixed it. The problem occured with a hidden text field where visibility was hidden with absolute when it should be fixed.

    Thanks for your help.
     
    ArmKaz, Aug 18, 2011 IP
  13. edwardsjanet

    edwardsjanet Peon

    Messages:
    57
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #13
    but then doesn't the absolute take positioning from the viewport? so how does that affect the scroll??
     
    edwardsjanet, Aug 19, 2011 IP
  14. ArmKaz

    ArmKaz Well-Known Member

    Messages:
    435
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    100
    #14
    position: absolute; visibility: hidden changed to position: fixed; visibility: hidden, took away the scrolling issue. Not sure exactly how but it worked. I believe that the issue occurred as the position of the hidden text-field was shown on the right side causing the scrolling.

     
    ArmKaz, Aug 19, 2011 IP