How Do I Remove The Iframes Scrollbars?

Bluebear

Jan 6 2008, 07:54 PM

Hello. My Iframes are not working properly at the moment. I have some problems with removing the scrollbars. I also need them to automatically extend, without that I need to change the height and width. I have tried with 100% and auto, but there must be something I am doing wrong. (I do not know much HTML, really.)

I will explain a bit more.
On my front page, I have an Iframe linked to my blog, and other things. And as I have said, I need to remove the scrollbars and so on...

Here is the code I am using. (Of course "URL1" is replaced with my url.)

CODE

...and I need to remove the "background-color:000000;"

jlhaslip

Jan 6 2008, 08:05 PM

Might help if we were to see the complete page coding.
Setting the height 100% will make the Iframe 100 % of the height of the container which holds it. If the container is sized, so will the Iframe be sized accordingly.

Saint_Michael

Jan 6 2008, 08:10 PM

Just add this to your iframe code

CODE

scrolling="no"

so it will look like this

CODE

or set it to auto and that way if some resizes their browser or have a smaller resolution the scrollbar will show up. Of course hte other way to make the scrollbar disappear is make the iframe large enough to fit the content.

As for removing the background color just erase it and so it will look like this

CODE

Bluebear

Jan 6 2008, 08:53 PM

It did not work. Maybe it will help if you take a look at my website. (I know, it looks horrible. It is just temporary.)
Enter my site, FrizzySheep

Saint_Michael

Jan 6 2008, 10:09 PM

Well I messed with the coding and this is what I came up with, now sine your using cutenews you need to adjust the style sheet to fit this, as thats where the problem is atis with the cutenews style sheets.

CODE

<div style="position: absolute; width: 380px; left: 275px; top: 340px;">
<iframe name="Iframe" src="FrizzySheep%20_%20FrizzySheep_files/blog.htm" style="width: 375px; height: 525px;" frameborder="0"></iframe>
</div></body></html>

So replace that iframe with this and in your cutenews style sheet so the width of the posts that your make is about 365-370 in width and that should get rid of the horizontal bar that is left. Of course if you want to keep the height the same just adjust the style sheet in cute news to fit that as well.

galexcd

Jan 10 2008, 03:59 AM

your overflow attribute is canceling out the scrolling no attribute. Set your overflow to hidden not auto. Something like this:

CODE

Recent Queries:-

iframe content disable iframe - 0.64 hr back. (1)
remove iframe scrollbars javascript - 4.53 hr back. (1)
scrollbar code for iframes - 10.90 hr back. (1)
scrollbar height of iframe javascript - 17.10 hr back. (1)
remove scrollbars - 19.05 hr back. (1)
remove border iframe html - 22.75 hr back. (1)
create iframes without scrollbars - 24.53 hr back. (1)
create without iframes scrollbars - 24.75 hr back. (1)
www.trap17.com - 28.51 hr back. (1)
how to create iframes with no scrollbars - 29.24 hr back. (1)
100% table scrollbars internet explorer - 29.59 hr back. (1)
javascript remove iframe scrollbar - 31.60 hr back. (1)
remove scrolling from iframes - 33.87 hr back. (1)
how we can change iframe scrollbar color change - 35.82 hr back. (1)

Similar Topics

Keywords : remove iframes scrollbars

Iframes Coder Needed - (4)
A Question About Iframes - Just a quick one,..hopefully. (7)
So I have this sidebar right? It is a basic sidebar for a lot of pages, and I need to be able to
change one file for the whole thing. My solution? Iframes. The problem? I need it to be the same
as my background on the sidebar. I can do that on my main file. That isn't my problem. can
someone please give me the attribute for making no border? So it looks like part of the page. For
instance. Look at the shout box. In the input field, there is a border around it. If you turned
the input field to green, it would still show that border around it. I don't...

A Question About Html Iframes - Need help in <iframe> (7)

We have an upcoming project in our class...I've a cool idea of lay out but i hav a problem.
I'm using a lot of images. I need to embed my contents in those images (texts and graphics)
using table cells... My friend told that there is a so called tag to solve it but he doesn't
know how.... Can you please send me some hot info about parameter and hows' of iframes? Samples
would be great. Tnx... Use a more descriptive title next time. ...

<ul> Remove The Bullets - (5)

I have a little handbook for CSS by O'reilly and can't seem to find in it how to remove the
bullets from an that is inside a . Any help?...

Disable Scrollbars, Menubars Etc.... - Javascript / Html code to disable them (6)

hi, i would like to know how the scrollbars, menubars etc.. can be disabled. I hope someone can help
me with this. /biggrin.gif" style="vertical-align:middle" emoid=":D" border="0" alt="biggrin.gif"
/> Btw: can you tell me where the code should be inserted to? thanks! /cool.gif"
style="vertical-align:middle" emoid="B)" border="0" alt="cool.gif" />...

Changing The Color Of Scrollbars - to those who still don't know how (10)

Place this code after the first body tag or after the title tag  this will have a green color. You may change
the hex values to match the colors of your web pages. this works with Internet Explorer but not on
Mozilla. I haven't tried it with netscape, though. /smile.gif' border='0' st...

Looking for remove, iframes, scrollbars,

ADD REPLY / Got an Opinion!	Remove these ADs!	RAPID SEARCH!	Free Web Hosting	[X]
Express your Opinions, Thoughts or Contribute more info. to help others. Ask your Doubts & Queries to get answers, So that "Together We can help others!"	Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.		500MB Space No Ads, CPanel, FTP, PHP, MySQL, EMails - 100% FREE