[rickymartin]

hi programmers!

My name is Brandon. I have been looking for someone on the web that can help me figure out a problem and stumbled across your site. After reading posts on your site, I found that you seemed to really understand the difference between explorer and firefox.I am a web designer that is in need of some help with this script which works in explorer but not firefox.

i have this awesome script which is so simple but works fantastic. It tells an iframe to load an html page but auto resizes to whatever hieght of the loaded html page.

the problem is that the script works in explorer only and not firefox. i read a big explanation of the difference between firefox and explorer but its way over my head im more of a designer rather than the backend although I do understand some of it. if i give you the code would any of you be able to figure out what needs to be changed in the script so it does work in firefox as well?

here is the script located right after the header:

<script language="JavaScript"> 
<!-- 
function calcHeight() 
{ 
//find the height of the internal page 
var the_height= 
document.getElementById('content').contentWindow. 
document.body.scrollHeight; 
 
//change the height of the iframe 
document.getElementById('content').height= 
the_height; 
} 
//--> 
</script> 

then in the iframe the script is :

HTML Code:

<td height="194" colspan="4" valign="top" bgcolor="#FFFFFF"><iframe name="content" style="border:0px" width=923 onLoad="calcHeight();" src="home.htm" scrolling="NO" frameborder="0" height="0"> </iframe></td> 

(the only part below that communicates with the script above is ( onLoad="calcHeight();" )

I think it may be the onload part that firefox doesn’t understand.
thank you so much for helping me out.



Brandon

[TwoD]

The script works fine for me in FF3, but you've got some HTML issues.

The iFrame has a name attribute set to "content", but since you're using document.getElementById, you should set an id-attribute (IE incorrectly gets the element anyway). Also make sure the script lines are held together and do not contain linebreaks, this might cause problems.
Linebreaks corrected:

<script type="text/javascript"> 
<!-- 
function calcHeight() 
{ 
//find the height of the internal page 
var the_height=document.getElementById('content').contentWindow.document.body.scrollHeight; 
 
//change the height of the iframe 
document.getElementById('content').height=the_height; 
} 
//--> 
</script> 

Note that users might get problems with really large pages loaded this way, especially on low resolutions, as they can't scroll correctly.

[rickymartin]

hey there. i tried it. good and bad came out of it.

the good- it worked in firefox

the bad- it stopped working in explorer.

but.....

i did try something and it worked perfectly I used both. it seems that iframe name is what explorer understood and ID is what firefox understood. i really didnt think i could put both on the same line like that but it did!

code that worked for autoresize iframe for both fireworks and explorer : iframe name="content2" id="content2"

thank you very much for helping me. especially so quickly

Brandon

[Vicious]

I noticed you wrote "onLoad" in your code, with upper case L. It should all be in lowercase, like this: onload="..."