Welcome to WebmasterWorld Guest from 22.214.171.124 , register , free tools , login , search , subscribe , help , library , announcements , recent posts , open posts Subscribe to WebmasterWorld
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.