<div>
based on w3 specs the height of an iframe cannot be resized.<br />
<br />
you can do it using javascript and DOM only for pages inside your own domain.<br />
<br />
ref: <a href="http://www.dynamicdrive.com/dynamicindex17/iframessi2.htm" rel="ugc">http://www.dynamicdrive.com/dynamicindex17/iframessi2.htm</a>
</div>


based on w3 specs the height of an iframe cannot be resized.

you can do it using javascript and DOM only for pages inside your own domain.

ref: http://www.dynamicdrive.com/dynamicindex17/iframessi2.htm [http://www.dynamicdrive.com/dynamicindex17/iframessi2.htm]

<div>
They will be on different domains. Google created a search box you can put on your site that can resize. How did they do it?<br />
<br />
<a href="http://code.google.com/apis/ajaxsearch/" rel="ugc">http://code.google.com/apis/ajaxsearch/</a>
</div>


They will be on different domains. Google created a search box you can put on your site that can resize. How did they do it?

http://code.google.com/apis/ajaxsearch/ [http://code.google.com/apis/ajaxsearch/]

<div>
&lt;iframe style=&quot;width: 200px; height: 200px;&quot;&gt;&lt;/iframe&gt;<br />
<br />
-klykken
</div>


<div>
That doesn't work. All that does is set the iframe to 200px by 200px. What if when the content changes and it needs 300px. I'll get a scrollbar or the content will be hidden.<br />
<br />
I checked out google's api and it looks like they accomplish this by using the script tag to call dynamic server pages. They don't use iframes or AJAX. So then is there no way to have the iframe visible on overflow like a div tag when they are not on the same domain?
</div>


That doesn't work. All that does is set the iframe to 200px by 200px. What if when the content changes and it needs 300px. I'll get a scrollbar or the content will be hidden.

I checked out google's api and it looks like they accomplish this by using the script tag to call dynamic server pages. They don't use iframes or AJAX. So then is there no way to have the iframe visible on overflow like a div tag when they are not on the same domain?

<div>
<div class="content wysiwyg-content">
How do I make it so when the iframe changes the data is still visible without a scrollbar. A div tag does this automatically, but I can't get an iframe to do it. Any ideas?<br />
<br />
&lt;iframe scrolling=&quot;no&quot; src=&quot;<a href="http://www.other_domain.com/" rel="ugc">http://www.other_domain.com/</a>&quot; style=&quot;overflow:visible&quot;&gt;&lt;<wbr />/iframe&gt;<br />

</div>
</div>


How do I make it so when the iframe changes the data is still visible without a scrollbar. A div tag does this automatically, but I can't get an iframe to do it. Any ideas?

<iframe scrolling="no" src="http://www.other_domain.com/" style="overflow:visible"></iframe>


overflow:visible not working with iframe

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.