Treehouse: Grow your CSS skills. Land your dream job.

Horizontal scroll issue

  • # April 21, 2010 at 8:04 am

    I ran my css through the validator but could not quite figure out what my issue was that is causing the ability to scroll left and right as well as up and down when I only want people to be able to scroll up and down.

    I noticed that Chris Coyier had this same issue during his Kailin WordPress Theme Design Screencast. However, he never resolved it during the screencast. I can see he did in his final product.

    I know I’m a novice and my code is probably a nightmare to sift through, but even if you could just off the top of your head list some common causes you can think of, I would appreciate it.

    Here is my wordpress site, still under construction:

    …and here is my prototype, which does not have the same issue.

    Once again everyone, thanks for your help!


    # April 21, 2010 at 11:19 am

    I can’t see a horizontal scroll bar in FF, webkit or IE and you don’t even have one in 800×600! :lol:
    Am I misunderstanding your problem?

    # April 21, 2010 at 12:15 pm

    After going through a ton of browsers, the only time I see horizontal scroll is with IE7 – is that the browser that you’re seeing it in?

    # April 21, 2010 at 5:19 pm

    Have you tried changing ‘position: relative’ to ‘position: absolute’ on #main-content-text? Also try adding ‘overflow: hidden’ to #main-content-text.

    # April 22, 2010 at 6:26 am

    I have a macbook pro that you can scroll by grazing your fingers across the trackpad. If I move my fingers from side to side, it moves back and forth about 20px, even though I don’t have a horizontal scroll bar either. This may not happen with people who have a more conventional scroll method. I’ll try the other suggestions and get back to you guys. Thanks!

    # April 22, 2010 at 6:33 am

    Thanks jamy_za, but that didn’t seem to work either. I’m so confused!

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.