# Vertical scrolling in iframes

**URL:** <https://forum.kirupa.com/t/vertical-scrolling-in-iframes/33650>\
**Category:** Uncategorized\
**Created:** [October 22, 2003, 12:39am UTC](https://forum.kirupa.com/t/vertical-scrolling-in-iframes/33650 "2003-10-22T00:39:47Z")\
**Posts on this page:** 19\
**Page:** 1

<div class="post-metadata">

**Author:** ![nobody](https://avatars.discourse-cdn.com/v4/letter/n/94ad74/32.png) [@nobody](https://forum.kirupa.com/u/nobody)\
**Post date:** [October 22, 2003, 12:39am UTC](https://forum.kirupa.com/t/vertical-scrolling-in-iframes/33650/1 "2003-10-22T00:39:47Z")

</div>

Is there a way to remove vertical scrolling in iframes?  
I’ve been busting my head trying to figure this out for hours, so if anyone knows and would like to share that would be great. =)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 22, 2003, 2:04am UTC](https://forum.kirupa.com/t/vertical-scrolling-in-iframes/33650/2 "2003-10-22T02:04:56Z")

</div>

Remove scrollbars from the file you are loading into the iframe. Put this between the \<HEAD\>\</HEAD\> tags…

```php
<STYLE TYPE="text/css">
<!--
body {overflow: hidden};
-->
</STYLE>

```

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 22, 2003, 2:08am UTC](https://forum.kirupa.com/t/vertical-scrolling-in-iframes/33650/3 "2003-10-22T02:08:03Z")

</div>

Awesome, thank’s lost.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 22, 2003, 2:09am UTC](https://forum.kirupa.com/t/vertical-scrolling-in-iframes/33650/4 "2003-10-22T02:09:01Z")

</div>

No problem :thumb:

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 22, 2003, 2:10am UTC](https://forum.kirupa.com/t/vertical-scrolling-in-iframes/33650/5 "2003-10-22T02:10:06Z")

</div>

actually I meant horizontal scrolling now that I think of it… d’oh.  
How would I do that.

Sorry 😕

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 22, 2003, 2:22am UTC](https://forum.kirupa.com/t/vertical-scrolling-in-iframes/33650/6 "2003-10-22T02:22:34Z")

</div>

As far as I know, there is no way to disable just one scrollbar, it’s either all or none :-\

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 22, 2003, 2:33am UTC](https://forum.kirupa.com/t/vertical-scrolling-in-iframes/33650/7 "2003-10-22T02:33:44Z")

</div>

Aw man. That’s depressing.  
I’ll post all my stuff later in case you want to look at it, I think it has something to do with the way my css is altering the page but I can’t seem to find it, depsite my semi-good CSS abilities.  
Anywho, I’ll post tomorrow, thanks for helpin lost.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 22, 2003, 2:39am UTC](https://forum.kirupa.com/t/vertical-scrolling-in-iframes/33650/8 "2003-10-22T02:39:21Z")

</div>

Well seeing as iframes aren’t exactly dynamically sized why don’t you just re-adjust your settings so there is no need to scroll horizontally?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 22, 2003, 3:12pm UTC](https://forum.kirupa.com/t/vertical-scrolling-in-iframes/33650/9 "2003-10-22T15:12:32Z")

</div>

cant you just put this in your frame tag or frameset tag scrolling=“no”

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 22, 2003, 3:56pm UTC](https://forum.kirupa.com/t/vertical-scrolling-in-iframes/33650/10 "2003-10-22T15:56:54Z")

</div>

DDD: Even then it disables all scrollbars, in this case he wants only the horizontal scrollbars gone.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 22, 2003, 4:03pm UTC](https://forum.kirupa.com/t/vertical-scrolling-in-iframes/33650/11 "2003-10-22T16:03:54Z")

</div>

wont oveflow hidden do the same thing? hmm maybe he should adjust his content. To make sure there will be no overflow. Maybe use div’s with the clip area inside of his iframe.

Just a suggestion.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 22, 2003, 7:01pm UTC](https://forum.kirupa.com/t/vertical-scrolling-in-iframes/33650/12 "2003-10-22T19:01:32Z")

</div>

I’ve tried a whole bunch of stuff like that and it’s just some bug or something. I though I had some css messing it up, but once I got rid of the CSS and had basically a bare page some still went over. The thing is that no matter how big my frame is it will always have the exact same amount of overflow. It’s really annoying.

I’ll post up the page in a bit.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 22, 2003, 7:09pm UTC](https://forum.kirupa.com/t/vertical-scrolling-in-iframes/33650/13 "2003-10-22T19:09:34Z")

</div>

post a sample. And let me know what browser you are suing. I whipped up a sample and made sure my content was 25px shorter in width than my Iframe and mine worked. with both scrolling=“no” and overflow: auto and hidden. Iframes do not have a wide browser acceptance. You are probably better off using four regular frames. For the best browser acceptance.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 22, 2003, 7:26pm UTC](https://forum.kirupa.com/t/vertical-scrolling-in-iframes/33650/14 "2003-10-22T19:26:37Z")

</div>

Here’s the link  
[http://www.xxviii.net/v1/flabby/](http://www.xxviii.net/v1/flabby/)

Let me know what else you need to see

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 22, 2003, 7:50pm UTC](https://forum.kirupa.com/t/vertical-scrolling-in-iframes/33650/15 "2003-10-22T19:50:27Z")

</div>

I think I see what the problem is.

1. I think you should have all your content in tables. You have a bunch of divs with no z-index positioning or anything. So there is more than likely some layering conflicts there.

2. You are using way to many spans…Not sure why but you can pull it off with table cells.

3. Set a constrain size of 720. Since your Iframe is 740. Just to ensure there is no sideways scrolling.

I think if you clean up the code you will find some nesting errors and such. I noticed you are using a xhtml doc type. Is this valid xhtml? But definately you need to set some sizes within the page that is inside the iframe.

With scrolling set to auto you will only see scrollbars when necessary. I believe those divs are your problem either lose them or set some positioning and z-index’s. my .02

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 22, 2003, 7:59pm UTC](https://forum.kirupa.com/t/vertical-scrolling-in-iframes/33650/16 "2003-10-22T19:59:20Z")

</div>

Well see the problem is that I’m using a blog program to do this all and they don’t believe in tables, they want to make it all super complicated, so once I throw on a CSS style it all looks great, except for the issue I started with. I might have to just try a different blogging software if I can’t figure something out.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 22, 2003, 8:14pm UTC](https://forum.kirupa.com/t/vertical-scrolling-in-iframes/33650/17 "2003-10-22T20:14:34Z")

</div>

I see nothing preventing you from changing the html code manually. They use the div and spans for positioning and applying style sheets from what I can tell. But you can always build your own. It is not very hard to build a blog. well good luck I am sure it is those divs. Not to mention many browsers will spit your site out the way it is now.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 22, 2003, 8:16pm UTC](https://forum.kirupa.com/t/vertical-scrolling-in-iframes/33650/18 "2003-10-22T20:16:57Z")

</div>

Alright, thanks for the help=)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [October 27, 2003, 1:09pm UTC](https://forum.kirupa.com/t/vertical-scrolling-in-iframes/33650/19 "2003-10-27T13:09:29Z")

</div>

[AS]\<iframe name=“somename” src=“somesrc” scrolling=“no” width="???"\>\</iframe\>[/AS]

if you want to disable the horizontal scrollbar… just make sure that the source of the iframe, fits in the width of the iframe (ex: tables… images… etc…) get it?