Scroll Bars in IFrames

[BamJamble]

1. ok,im using an IFrame, it works good, but there is always a bottom scroll
bar on the frame! it wont go away, even if the frame is 500px wide and the
content is 100px wide, it seems that if tehre is a side scrollbar, there is a
bottom one. How do I make the bottom one go away when it isnt needed?

2. Ive thought of a solution for this, I think... for the IFrames code,if I
have:

<iframe scrolling="no" name="contentframe" src="news.htm" width="400"
height="240" frameborder="0"></iframe>

It's in a table, is there a way that "news.htm" can I have a custom scroll
bar, where I have images used as the up and down arrows? then when it is loaded
into the "contentframe" and its scrolling is off, the "news.htm" would have its
own scroll bar. Is this posible?

Please answer 1, or both!

[Troyan]

You have many possibilities..
If you really can't take off the horizontal scrollbars (adjusting
the source of your html's), you can use <div>'s to prevent iframe from
having horizontal scrolling. Something like..
<div id="content" style="width: 99%; height: 99%; overflow-y:
auto;">
CONTENTS
</div>
(in file which'll be in iFrame).

[]s and sorry for my English..

--
- Rio de Janeiro, Brasil
- Troyan <dnunes[at]email[dot]com>

[Steel_Cat]

Exactly what I'd say... set the visibility of the overflow to hidden like this:
overflow: hidden

You have the choice of four options for this: [num]1) Hidden overflow
(everything larger than the layer will not show)
2) Visible overflow (everything will show regardless of layer size)
3) Auto (scrollbars will be added if the content is larger than the layer)
4) Scroll[/num]

I think you could use "Visible" as well - and it shouldn't give scrollbars,
but since you know how large your content is, just make the overflow invisible.
;)

[BamJamble]

okay,for some reason it wont let my upload a pic, but im not sure if you guys
understand what im trying to say... Im a bit new to html and i dont really
understand all the technical stuff too well but i try.

what im trying to say is that i WANT the vertical scroll bar, but for some odd
reason, the horizantleone jumps in there when it isnt needed, i even tested
this, i put in a bunch of lines with one character on the. as soon as i had a
vertical bar, the horizantle one hopped in. and i can only scroll a tiny way
(about the width of a vertical bar). If you knew what i meant and i just didnt
understand your solution too well, refrase it please. i really need a way to
exclude the vertical bar. (I kind of understood the first reply but it didnt
work, but the second one was a bit confusing)

[Drylouvre]

BamJamble wrote:

> okay,for some reason it wont let my upload a pic, but im not sure if you guys
> understand what im trying to say... Im a bit new to html and i dont really
> understand all the technical stuff too well but i try.
>
> what im trying to say is that i WANT the vertical scroll bar, but for some odd
> reason, the horizantleone jumps in there when it isnt needed, i even tested
> this, i put in a bunch of lines with one character on the. as soon as i had a
> vertical bar, the horizantle one hopped in. and i can only scroll a tiny way
> (about the width of a vertical bar). If you knew what i meant and i just didnt
> understand your solution too well, refrase it please. i really need a way to
> exclude the vertical bar. (I kind of understood the first reply but it didnt
> work, but the second one was a bit confusing)
>

Hi BamJamble,

I was stressing out over this very problem a while ago until I hit upon
a solution that works for me. You have to strictly define the width of
the html document that you are importing into the iframe to be less than
the width of the iframe itself. For example, I found it best to do this
in the 'body' of the imported document:

My iframe is 300px wide. I set this CSS of the imported document:

body {
width: 295px;
}

Now everything in the imported document is definitely going to be less
than the iframe and you will never see a horizontal scrollbar no matter
how long your imported document is. The reason that I set the body of
the imported document to several pixels less than the iframe is because
(surprise surprise) IE doesn't seem to calculate it properly. All the
others browsers I tested (Netscape, Mozilla, Firefox, Safari) dealt with
a width just 1 pixel less ok.

Good luck.
Dry