Response title
This is preview!




<div id="accordion">How do I specify that the iframe is supposed to size itself automatically to the width of the accordian control and vertically to, say, 80% of the screen height? (BTW: For whatever reason, neither google nor yahoo actually appear in the iframe. I can't imagine why.) In my test of the above, I do get the W3 Schools home page, but the iframe is ridiculously small. Obviously, if, in HTML5, which I need to use in order to be able to access some of its new features, I can use neither 'em' nor '%', at least for iframes. So, how do I make the iframe adapt as readily as any of the other controls? NB: in my application, the page displayed in the iframe would be constructed by one of my CGI scripts, but google and yahoo are convenient proof of concept pages, sufficient to serve as a default until my real pages are made.
<h3>W3 Schools</h3>
<div>
<iframe src="http://www.w3schools.com"></iframe>
</div>
<h3>Google</h3>
<div>
<iframe src="http://www.google.com"></iframe>
</div>
<h3>Yahoo</h3>
<iframe src="http://www.yahoo.com"></iframe>
</div>
</div>
© 2012 jQuery Foundation
Sponsored by
and others.
