In an iFrame, content loads only after a refresh
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>Modified by cor-el
All Replies (8)
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:
- Go to Firefox > History > Clear recent history or (if no Firefox button is shown) go to Tools > Clear recent history.
- Under "Time range to clear", select "Everything".
- Now, click the arrow next to Details to toggle the Details list active.
- From the details list, check Cache and Cookies and uncheck everything else.
- 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.
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.
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.
Seeing the website, did you get any ideas as to what can be done to sort this problem?
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.
Modified by jscher2000 - Support Volunteer
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.
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.
Hello this might also be a issue with Java as I had that issue also