SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Guru
    Join Date
    Nov 2004
    Location
    calif
    Posts
    743
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How to remove vertical sliding blue bar?

    You know the vertical sliding blue scroll bar on the right side of every viewed web page?
    I have a similar one appearing inside a web page of mine. When I refresh, it goes away, but when I delete browsing history (IE7) and go to the page again, it appears again. What causes that? How do I remedy(remove) it?
    Thanks

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,317
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    You may have to show us the page so we can see what's going on there.

  3. #3
    SitePoint Enthusiast
    Join Date
    Jan 2006
    Location
    Auckland, New Zealand
    Posts
    46
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It only appears when the web page is too long to fit on the screen, you need to reduce the length of the page but keep in mind this will differ depending on the monitor size and resolution the end-user is using.

  4. #4
    Non-Member
    Join Date
    Jun 2010
    Location
    4727′35″N 2618′0″E
    Posts
    1,789
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You need to make the distinction between the viewport and web page content size.

    What you're experiencing it's a normal behaviour for all GUI interfaces: when there is an overflow of the content inside a window, the viewport can be manipulated with the scrollbars in order to gain access to all content.

    I don't know if it's a behaviour you like to implement, but if you don't want these scrollbars to appear, even if that means that some content outside current viewport will not be easy to gain access to, use CSS overflow hidden.

  5. #5
    SitePoint Addict AtSea webdesign's Avatar
    Join Date
    May 2010
    Location
    Newark, Delaware
    Posts
    283
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    but overflow: hidden will hide the content without a way to view it. If your browser window is maximized there is no way to see content that is hidden.

    You could always put the content that's creating the scrollbars in a separate div and make that scrollable. That way it won't affect the layout of your entire page.


Bookmarks

Posting Permissions

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