Results 1 to 4 of 4

Thread: How to hide the Scrollbar in Frame

  1. #1
    Join Date
    Feb 2009
    Posts
    84

    How to hide the Scrollbar in Frame

    Hi all,
    I am building a Website that uses 3 frames, one for navigation, one for the displayer and one to be blank and to fill the blank space. Anyway, I was wondering how I could make horizontal scrollbars disappear, but without taking out the vertical scrollbars. Yeah, yeah, it may be the easiest thing to do in the world but I am a newbie so you know.

    Thanks to all those who helps.

  2. #2
    Join Date
    Jan 2009
    Posts
    18

    Re: How to hide the Scrollbar in Frame

    Yes, you probably can.

    First approach would be to make the contents of the "frame" at hand fit the available space.

    If this isn't an option, and you are actually talking about the frame or iframe element you can use the scrolling attribute:
    <frame scrolling="no" ...>
    For any other element, better use the CSS overflow property with the "hidden" value (example using a class selector):
    .someclass {overflow: hidden;}

  3. #3
    Join Date
    Dec 2008
    Posts
    183

    Re: How to hide the Scrollbar in Frame

    you could try setting the frame html to scrolling="no", wrapping the frame in a div, and set scrolling on the div. This should give you the same effect as if you has scrolling on the iframe itself.

    HTML Code:
    <div style="overflow:hidden; overflow-y:scroll; height:100px; width:100px;">
    <iframe frameborder="1" scrolling="no" src="http://www.google.com">iframe not supported!</iframe>
    </div>

  4. #4
    Join Date
    Feb 2009
    Posts
    84

    Re: How to hide the Scrollbar in Frame

    Weird. I just tried that, and it works in Safari and Opera, but not in Firefox or IE! In Firefox and IE, scrolling is disabled period, whereas in Opera and Safari, the horizontal scrolling is disabled, but vertical scrolling works (which is what I want). Strange, huh?

Similar Threads

  1. Scrollbar Settings
    By Bear 55 in forum Customize Desktop
    Replies: 3
    Last Post: 18-11-2010, 05:05 AM
  2. Replies: 4
    Last Post: 29-04-2010, 04:55 AM
  3. Add scrollbar to JTextArea
    By Captain Carrot in forum Software Development
    Replies: 5
    Last Post: 10-03-2010, 09:39 AM
  4. How to Add scrollbar to bottom of HTML
    By Slender in forum Software Development
    Replies: 5
    Last Post: 22-01-2010, 08:25 PM
  5. How to hide Horizontal scrollbar in HTML & CSS
    By KaramChand in forum Software Development
    Replies: 3
    Last Post: 13-02-2009, 08:12 PM

Tags for this Thread

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
  •  
Page generated in 1,714,151,949.14273 seconds with 17 queries