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.
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;}
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>
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?