Announcement

**ASTP001** · Sep 3, 2011, 03:14 PM

The scroll bars that you were getting didn't come from iframe, but it was inside of the iframe. In the url if you set widget to false, it should go away.

Code:

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

**Rain Lover** · Sep 3, 2011, 03:24 PM

Originally posted by ASTP001 View Post

In the url if you set widget to false, it should go away.

Thanks for the answer, but the result will be different from what I expect as it removes the spreadsheet footer too.

**coothead** · Sep 3, 2011, 05:00 PM

Hi there Rain Lover,

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

So...

Code:

[color=navy]<iframe width='800' height='254'...[/color]

...instead of...

Code:

[color=navy]<iframe width='600' height='200'...[/color]

coothead

**Rain Lover** · Sep 4, 2011, 04:53 AM

Originally posted by coothead View Post

Hi there Rain Lover,

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

Dear coothead,

Yes it seems obvious, but the questions is why there are scrollbars although I set the scrolling attribute to 'no'.

**coothead** · Sep 4, 2011, 05:06 AM

Hi there Rain Lover,

I looked at the code again today, but strangely could not see the scrollbars that I saw yesterday.

I tested this code in IE9, Firefox 6, Safari 5 and Opera 11...

Code:

[color=navy]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="language" content="english"> 
<meta http-equiv="Content-Style-Type" content="text/css">

<title></title>

</head>
<body>

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

</div>
</body>
</html>
[/color]

coothead

**Rain Lover** · Sep 4, 2011, 05:16 AM

Originally posted by coothead View Post

Hi there Rain Lover,

I looked at the code again today, but strangely could not see the scrollbars that I saw yesterday.

That's because in your tests you've changed the URL parameter widget value to false. It removes the tabs on the spreadsheet footer.

**coothead** · Sep 4, 2011, 05:24 AM

Hi there Rain Lover,

I did not change "the URL parameter widget value to false".

I just copied the code that you provided.

coothead

**Rain Lover** · Sep 4, 2011, 05:29 AM

Maybe my eyes are too tired, but...

Originally posted by coothead View Post

Hi there Rain Lover,
I just copied the code that you provided.

Here's my code iframe source:
https://docs.google.com/spreadsheet/...E&output=html&widget=true&chrome=false

And here's the one I see in your code:
https://docs.google.com/spreadsheet/...tput=html&widget=false&chrome=false

**coothead** · Sep 4, 2011, 05:30 AM

Hi there Rain Lover,

Sorry, but I may have done you an injustice.

It seems that I copied ASTP001,s code by mistake.

coothead

**coothead** · Sep 4, 2011, 05:37 AM

Hi there Rain Lover,

the scrollbars that you see do not belong to the iframe element but to the iframe content.

You can prove this to yourself by setting the scrolling attribute to "yes".

coothead

Announcement

How to remove the iFrame scrollbars

How to remove the iFrame scrollbars

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment