homepage Welcome to WebmasterWorld Guest from 54.166.122.86
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / HTML
Forum Library, Charter, Moderators: incrediBILL

HTML Forum

    
How to remove the iFrame scrollbars
Rain_Lover



 
Msg#: 4358367 posted 7:16 pm on Sep 3, 2011 (gmt 0)

Hi,

I wonder why the following iFrame has scrollbars:

<iframe width='600' height='200' frameborder='0' scrolling='no' src='https://docs.google.com/spreadsheet/pub?hl=en_US&key=0Aliqp0kGPjWsdERacHFDVzNzb1N3RHREZzYwVGQ5OVE&output=html&widget=true&chrome=false'></iframe>

Thanks in advance!
Mike

 

penders

WebmasterWorld Senior Member penders us a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month



 
Msg#: 4358367 posted 8:52 pm on Sep 3, 2011 (gmt 0)

The IFRAME doesn't, but an element (a DIV) inside the framed document does.

birdbrain

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 4358367 posted 8:59 pm on Sep 3, 2011 (gmt 0)

Hi there Rain Lover,

if you don't want scrollbars then you will have to change the iframe width and height attributes. ;)

So...
<iframe width='800' height='254'...

...instead of...
<iframe width='600' height='200'...

bidbrain

Golden_Sin



 
Msg#: 4358367 posted 6:29 pm on Sep 13, 2011 (gmt 0)

If you don't want to have scrollbars, you can use "overflow" CSS property.

overflow:hidden;
should do the job. If you use this, everything looks the same except there are no scrollbars. So some of the content may not be shown. And of course, this works only if you can modify the CSS of the iframed document.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / HTML
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved