Join the Mozilla’s Test Days event from Dec 2–8 to test the new Firefox address bar on Firefox Beta 134 and get a chance to win Mozilla swag vouchers! 🎁

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Natao arisiva ity resaka mitohy ity. Mametraha fanontaniana azafady raha mila fanampiana.

In an iFrame, content loads only after a refresh

  • 8 valiny
  • 26 manana an'ity olana ity
  • 23 views
  • Valiny farany nomen'i David (satdav)

more options

I have this website www.paidly.co In it, there is an iFrame. Now this loads perfectly fine in Chrome, and IE but in Firefox only the html content is shown, without any CSS or JS applied. On reloading the frame, I randomly get the entire loaded document sometimes and at other times it is not so. The code for the iframe looks like this:

<iframe class="iphone-content" src="Mobile/main.html"> </iframe>

The page that is being called is this:

<!doctype html>
<html>
<head>
    <title>Paidly</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
  <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
  <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
</head>
<body> ... </body>
</html>
I have this website www.paidly.co In it, there is an iFrame. Now this loads perfectly fine in Chrome, and IE but in Firefox only the html content is shown, without any CSS or JS applied. On reloading the frame, I randomly get the entire loaded document sometimes and at other times it is not so. The code for the iframe looks like this:<br /> <pre><nowiki><iframe class="iphone-content" src="Mobile/main.html"> </iframe></nowiki></pre> The page that is being called is this: <pre><nowiki><!doctype html> <html> <head> <title>Paidly</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css"> <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script> </head> <body> ... </body> </html></nowiki></pre>

Novain'i cor-el t@

All Replies (8)

more options

Many site issues can be caused by corrupt cookies or cache. In order to try to fix these problems, the first step is to clear both cookies and the cache. Note: This will temporarily log you out of all sites you're logged in to. To clear cache and cookies do the following:

  1. Go to Firefox > History > Clear recent history or (if no Firefox button is shown) go to Tools > Clear recent history.
  2. Under "Time range to clear", select "Everything".
  3. Now, click the arrow next to Details to toggle the Details list active.
  4. From the details list, check Cache and Cookies and uncheck everything else.
  5. Now click the Clear now button.

Further information can be found in the Clear your cache, history and other personal information in Firefox article.

Please report back soon.

more options

Sir, the problem is not with the cache or cookies. I have tried this in 4 different browsers, and also with the cache cleared. The problem persists.

more options

There is no need to call me sir.

If the page that you are trying to load is using HTML5, this could be an issue.

Firefox has some HTML5 compatibility issues.

To take a test to see what Firefox can do, take the HTML5 Test.

more options

Seeing the website, did you get any ideas as to what can be done to sort this problem?

more options

I see what you mean: Firefox 23.0.1 isn't loading the CSS in the iframe when it loads the document, and possibly not loading the scripts either. I don't think it's a security issue, since reloading the frame once it is visible works.

This could be related to an optimization to speed loading of hidden elements. I tried searching in Bugzilla but wasn't able to craft a query to track down something like that.

Did you get different results in an earlier version of Firefox?

Edit: I shouldn't rule out security so quickly, in that different rules might apply to third party CSS and JS in hidden frames than first party content in hidden frames.

Novain'i jscher2000 - Support Volunteer t@

more options

I need to right-click in the frame and choose Reload Frame to make the frame display properly.
Maybe it is because the frame is hidden that Firefox isn't loading the CSS and JS files.

more options

If your Iframe calls for ad tracking your antivirus program might be blocking them. Avast does that with Web Rep. Green A near top of screen. It may not be installed in other browsers.

more options

Hello this might also be a issue with Java as I had that issue also