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 5 of 5
  1. #1
    New Coder
    Join Date
    Dec 2010
    Posts
    66
    Thanks
    16
    Thanked 0 Times in 0 Posts

    Client seeing side scrollbar

    Hi, a client of mine is seeing a side scrollbar on a site I'm designing where I see none.

    http://www.globaltrainingsolutions.ca/newsite


    The width of the site is 960px and their resolution is 1440px. They also said they had a friend check it and experienced the same issue.

    I don't see how they're getting the scrollbar. Can anybody confirm this on their end and suggest why it might be happening?

    Thanks.

  • #2
    Senior Coder Rowsdower!'s Avatar
    Join Date
    Oct 2008
    Location
    Some say it's everything.
    Posts
    2,027
    Thanks
    5
    Thanked 397 Times in 390 Posts
    Quote Originally Posted by JumpJump View Post
    Hi, a client of mine is seeing a side scrollbar on a site I'm designing where I see none.

    http://www.globaltrainingsolutions.ca/newsite


    The width of the site is 960px and their resolution is 1440px. They also said they had a friend check it and experienced the same issue.

    I don't see how they're getting the scrollbar. Can anybody confirm this on their end and suggest why it might be happening?

    Thanks.
    In FF7, Windows 7 I get a horizontal scroll bar on any viewport size LESS THAN 1802px wide.

    For me, this has 100% to do with position:absolute; being used on the billboard image while not using a setting for left position. For good measure I would go ahead and use a top position setting as well. Add this to your CSS and see if your clients dreams have come true:

    [style.css, line 443]
    Code:
    #billboard img {
    	position: absolute;
    	top: 0px;
    	left: 0px;
    }
    You also have 4 errors in your HTML at the moment which may or may not have been contributing:
    http://validator.w3.org/check?uri=ht...ss=1&verbose=1

    You should fix those up while you're at it!
    The object of opening the mind, as of opening the mouth, is to shut it again on something solid. G.K. Chesterton
    See Mediocrity in its Infancy
    It's usually a good idea to start out with this at the VERY TOP of your CSS: * {border:0;margin:0;padding:0;}
    Seek and you shall find... basically:
    validate your markup | view your page cross-browser/cross-platform | free web tutorials | free hosting

  • Users who have thanked Rowsdower! for this post:

    JumpJump (06-15-2012)

  • #3
    New Coder
    Join Date
    Dec 2010
    Posts
    66
    Thanks
    16
    Thanked 0 Times in 0 Posts
    Oh, I see what you mean. I've updated the CSS. Is there still a scrollbar on your end? (It's frustrating I can't test this on my machine).

    Thanks a lot.

  • #4
    Senior Coder Rowsdower!'s Avatar
    Join Date
    Oct 2008
    Location
    Some say it's everything.
    Posts
    2,027
    Thanks
    5
    Thanked 397 Times in 390 Posts
    Quote Originally Posted by JumpJump View Post
    Oh, I see what you mean. I've updated the CSS. Is there still a scrollbar on your end? (It's frustrating I can't test this on my machine).

    Thanks a lot.
    Nope, it's all better now.
    The object of opening the mind, as of opening the mouth, is to shut it again on something solid. G.K. Chesterton
    See Mediocrity in its Infancy
    It's usually a good idea to start out with this at the VERY TOP of your CSS: * {border:0;margin:0;padding:0;}
    Seek and you shall find... basically:
    validate your markup | view your page cross-browser/cross-platform | free web tutorials | free hosting

  • #5
    New Coder
    Join Date
    Dec 2010
    Posts
    66
    Thanks
    16
    Thanked 0 Times in 0 Posts
    Great! Thanks for your help.

    Now to trawl through the validator errors.


  •  

    Posting Permissions

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