Welcome to WebmasterWorld Guest from 18.104.22.168 , register , free tools , login , search , pro membership , help , library , announcements , recent posts , open posts Become a Pro Member
How to remove the iFrame scrollbars Rain_Lover msg:4358369 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 msg:4358393 8:52 pm on Sep 3, 2011 (gmt 0)
The IFRAME doesn't, but an element (a DIV) inside the framed document does. birdbrain msg:4358397 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:4362061 6:29 pm on Sep 13, 2011 (gmt 0)
If you don't want to have scrollbars, you can use "overflow" CSS property.
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.