PDA

View Full Version : Bottom Scroll Bars

teresac
12-30-2003, 02:03 PM
How do I get rid of my bottom scroll bar on my i frame? I've been here all afternoon resizing the frame and the page I want to fit in it but to no avail *sigh*
kittycat
12-30-2003, 04:01 PM
style="overflow-x: hidden"

Add that to the <body> tag on the page inside the iframe. Make sure that it won't be hiding anything important though. Check the code of your page inside the iframe and make sure that there isn't anything wider than the iframe width which is causing the scrolling unnecessarily.
Faerie_jane
12-30-2003, 05:26 PM
is there a way to do this by putting something in the iframe tag instead of the pages body tag?
kittycat
12-30-2003, 05:37 PM
You could try just putting that code in the iframe tag, it may work.
duckgirl
12-31-2003, 07:34 AM
is there a way to do this by putting something in the iframe tag instead of the pages body tag?

You could place the content of the page that's in the iframe in a table or div of specified width. Try a width of what you have set the iframe to be, but if you still have a scrollbar, make it smaller. I tend to use tables for this sort of thing, but divs would work fine.

<html>
<head></head>
<body>
<table width="300"><tr><td>
La la la
</td></tr></table>
</body>
</html>

Try that, changing 300 to whatever pixel width it should be.
duckgirl
12-31-2003, 07:42 AM
I apologize. I misread what you wanted, and couldn't edit my message fast enough. I gave you more ways to change it in the body, but you wanted it changed in the frame code. As kittycat said, putting style="overflow-x: hidden" in the iframe tag itself should work. If not, you will have to stick with working with the body of the document, and her way is easier there, too. For example, <iframe src="blah.html" style="width:300; height:100; overflow-x:hidden;"> should work.