iFrame: Variable Height and White Removal

rossbb · Joined: 21 Sep 2007 Posts: 4

I am currently working on a site that needs variable height iframes and I came across a script posted here and It works great in Safari with the exception that it only resizes on load and doesn't adjust to the height of the content as it changes. Is there a way to adjust the script so that it does? It also breaks in Firefox and doesn't display at all in Opera. I probably implemented it wrong and any help would be appreciated.

The site I am working on is a bit of an experiment you can check out the test file here:
http://www.3andband.com/TestSite/iframeScriptTest.html

you can find an alternate version using a different script at:
http://www.3andband.com/TestSite/iframeTest2.html

The flash menu&music player is not functioning yet, but my chief problem is the variable height and the white background!!! of the iframes.

Any help or suggestions would be very appreciated!

Thanks

rossbb · Joined: 21 Sep 2007 Posts: 4

Hey all. I could still really use some help on this one.

sticks464 · Joined: 31 Dec 2006 Posts: 2309

This may be what your looking for
http://www.dynamicdrive.com/dynamicindex17/iframessi2.htm
The only way I know of to change the background color is to change the background color of the document you are loading. bgcolor and style="background-color:#fff" does not work.

rossbb · Joined: 21 Sep 2007 Posts: 4

Thanks for the feedback! Unfortunately, If you take a look at the page in Firefox you'll see why that doesn't work for me. I actually need the iframe to be transparent No background. I need the page to show through it. As for the scaling, the script posted here, once I got it set up, works great in FF and IE. It only has a bug in Safari, where it doesn't scale back down. Feel free to take a look at the page and see if you have any suggestions:

http://www.3andBand.com/TestSite/iframeTest3.html

Thanks again for the feedback!

tiepich · Joined: 15 Oct 2009 Posts: 3

sticks464 · Joined: 31 Dec 2006 Posts: 2309

If anyone is interested, I have a fix for this script that works for;
IE 6, 7, 8
FF 2.0, 3.0, 3.5
Opera 9
Safari 4
Chrome 2

PM me for the fix.