Where did you install Firefox from? Help Mozilla uncover 3rd party websites that offer problematic Firefox installation by taking part in our campaign. There will be swag, and you'll be featured in our blog if you manage to report at least 10 valid reports!

Avatar for Username

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

This thread was archived. Please ask a new question if you need help.

iframe contents not displaying in FF Windows 7 or Mac

  • 2 replies
  • 4 have this problem
  • 1 view
  • Last reply by angel12333

angel12333
angel12333
more options

I've read almost all posts about frames not displaying in FF, however, I have an odd issue. While I am able to get the iframe to display, NOT ALL of its contents is displaying. It's odd. A sample page is below, click on the virtual tour tab and you will see what I mean. All the code does show up. This also happens for another page with similar type of code. This works fine in Chrome/IE both PC and Mac. Any help would be appreciated. Thanks

http://www.kdnovelties.com/educational/terrance-the-giraffe/personalized_293.html

I've read almost all posts about frames not displaying in FF, however, I have an odd issue. While I am able to get the iframe to display, NOT ALL of its contents is displaying. It's odd. A sample page is below, click on the virtual tour tab and you will see what I mean. All the code does show up. This also happens for another page with similar type of code. This works fine in Chrome/IE both PC and Mac. Any help would be appreciated. Thanks http://www.kdnovelties.com/educational/terrance-the-giraffe/personalized_293.html

Chosen solution

The content is there, but is hidden with display:none style rule, so it looks that if there is script running to show this content then it doesn't finish properly. 

<div id="virtualbook" class="kdnbook" style="height: 465px; width: 680px; display: none; margin: auto;"></div>

Removing the display:none makes the book appear for me.

The Web Console also shows an error with the MP3 file: 

HTTP "Content-Type" of "audio/mpeg" is not supported. Load of media resource http://26ebe445280acec2e3b0-023df79dc48add581f4e26895345aac6.r54.cf1.rackcdn.com/page-flip.mp3 failed.
Read this answer in context 👍 1

All Replies (2)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Chosen Solution

The content is there, but is hidden with display:none style rule, so it looks that if there is script running to show this content then it doesn't finish properly. 

<div id="virtualbook" class="kdnbook" style="height: 465px; width: 680px; display: none; margin: auto;"></div>

Removing the display:none makes the book appear for me.

The Web Console also shows an error with the MP3 file: 

HTTP "Content-Type" of "audio/mpeg" is not supported. Load of media resource http://26ebe445280acec2e3b0-023df79dc48add581f4e26895345aac6.r54.cf1.rackcdn.com/page-flip.mp3 failed.
angel12333
angel12333 Question owner
more options

Cor-el, Thank you so much!!! I can't believe I did not see this. Remove that and it worked. Again, thank you so much!!!