I have installed and set up a filter for insertFrame, and it looks great in IE, Safari, and Chrome, although in Firefox nothing displays. I have adjusted the height settings, and once it is changed from 100% to a larger number, I can see the contents of the iframe. I've looked at this in Windows and Mac OSX, and both versions of firefox do not show the autoheight properly.

I am very new with Drupal and PHP, but the fact that some browsers render the frames as intended and some don't has me at a loss. Has anyone else seen this behavior?

Comments

MarcElbichon’s picture

MarcElbichon commented

What is your version of Firefox ?
Could you open source of your page and post here the line containing iframe ?

childers’s picture

childers commented

On the Mac side, I updated to firefox 3.5.2 very recently and version 3.0.7 on Windows XP. I removed the actual URL below because that data is not public yet, but the URL was formatted correctly in my page source.

The line containing the iframe tag:

<iframe onload='adjustHeight(this,15)' name="iframe1" id="iframe1" src="URL was here" scrolling="no" width="100%" height="100%" frameborder="0" ></iframe>

MarcElbichon’s picture

MarcElbichon commented

Have you tried with this version ?
Have you some errors in javascript console or firebug ?
I'm sorry but i won't be able to look at this issue next week (cause holidays !).

childers’s picture

childers commented

I installed the newer version you linked, and I see the same issue with this page. I added another iframe, using a link to a wiki I have on the same domain, and this one renders great, with no issue resizing. Unfortunately, the first page is still giving me trouble in FireFox.

I just installed firebug and took a look at the iframe line, and this is what firebug reports:
<iframe id="iframe1" scrolling="no" width="100%" height="15" frameborder="0" src="My URL was here" name="iframe1" onload="adjustHeight(this,15)" style="">

This is different than what I see when I just view the page source:

<iframe onload='adjustHeight(this,15)' name="iframe1" id="iframe1" src="My URL was here" scrolling="no" width="100%" height="100%" frameborder="0" ></iframe>

MarcElbichon’s picture

MarcElbichon commented

Is your first page a big page ?
Firebug shows a different line because height is changed by Javascript. Height=15 means javascript cannot calculate iframe size.
You have no javascript error ?
Can you replace the commented lines in insertFrame.js by

alert(err.description );
obj.style.height = "100px";

and try again ?

childers’s picture

childers commented

I replaced the lines you suggested, and saw no change in the output. The initial page that loads is around 650px in height, which should not be too big for firefox to recognize.

I was not sure where to see the results of the modified code.

I looked in the javascript console saw this warning which looked relevant:
"
Warning: Error in parsing value for 'height'. Declaration dropped.
Source File: (My URL was here)
Line: 0
"

I saw this in the firebug console under warnings.
"
reference to undefined property o.cache[H][E]
http://ndn1.newsweek.com/site/redesign/js/libs/jquery/jquery-1.3.2.min.js
Line 12
"

MarcElbichon’s picture

MarcElbichon commented
Status: Active » Closed (fixed)

Due to css definition. Firefox considers frame's height to 0.
Corrected by changing css file.