Images in iframe dont show in Mozilla Firefox

[Chadjoh]

I am new at website development so excuse the ignorance. I recently launched a website (though not 100% complete) at dutchbarn.net, for my customer, only to find out that the images in the iframes on the bulk food, furniture, etc. pages do not display in Mozilla Firefox browser. It worked fine before uploading to my host in all the main browser (IE, Chrome, and Firefox). Now it only works in Chrome and IE. Any suggestions?

[abiabiah]

What I can see out there that your images are displaying properly now. What is the problem you are suffering with now.

[Chadjoh]

Well now... I tried it again with Mozilla Firefox (ver 14.0.1) and the bulk food pics on the "Bulk Food" page don't display. The page works fine in all other browsers. I am pretty sure it is not just my computer as a friend of mine first noticed the problem. However if no one else can duplicate the problem I would like to know that too!
Thanks

[Major Payne]

Paths like " http://www.dutchbarn.net/furniture%2...lltopdesk2.jpg " are incorrect as " %5 " is " \ " and should be " / ".

1 broken image for http://www.dutchbarn.net/: http://www.dutchbarn.net/pics%5Cjars3.png

8 broken images for : http://www.dutchbarn.net/bulk%20content.html

http://www.dutchbarn.net/bulk%20pics%5Ccandy.jpg
http://www.dutchbarn.net/bulk%20pics%5Ccappuccino.jpg
http://www.dutchbarn.net/bulk%20pics%5Cdriedfruit.jpg
http://www.dutchbarn.net/bulk%20pics%5Cjars2.jpg
http://www.dutchbarn.net/bulk%20pics%5Cjars3.jpg
http://www.dutchbarn.net/bulk%20pics%5Cpasta.jpg
http://www.dutchbarn.net/bulk%20pics%5Cpopcorn.jpg
http://www.dutchbarn.net/bulk%20pics%5Cspices.jpg

8 broken images for: http://www.dutchbarn.net/furniture%20content.html


http://www.dutchbarn.net/furniture%20pics%5Cbed4.jpg
http://www.dutchbarn.net/furniture%2...ed_sleigh1.jpg
http://www.dutchbarn.net/furniture%20pics%5Cchair4.jpg
http://www.dutchbarn.net/furniture%2...epedtable1.jpg
http://www.dutchbarn.net/furniture%2...2doorhutch.jpg
http://www.dutchbarn.net/furniture%2...nnehighboy.jpg
http://www.dutchbarn.net/furniture%2...lltopdesk1.jpg
http://www.dutchbarn.net/furniture%2...lltopdesk2.jpg

Frames are not allowed in an HTML 5 document type. Do not leave whitespaces in folders/files and URL paths. Better to use all lowercase for these, too. Recommend you validate all pages.

CSS Errors

HTML Errors

[Chadjoh]

Thanks for the help! If I have any additional complications with this problem I will post otherwise consider it fixed.

Chad

[Chadjoh]

Frames are not allowed in an HTML 5 document type.

I'am I correct that the frame tag is not allowed in HTML 5 but the iframe is allowed?

[Major Payne]

I'am I correct that the frame tag is not allowed in HTML 5 but the iframe is allowed?

It originally didn't included iframes, but the W3C rethought this after dumping iframes from the Strict HTML and XHTML doctypes. You were to use the "<object>" element to add objects to your document, but browser differences and limitations made this difficult for many developers. With the much-more-pragmatic HTML 5 (not yet released), iframes are back and even have two new attributes: seamless and sandbox. Other attributes: HTML5

I have used the following in place of the iframe tags:

<<div style="margin: 0 auto; width: 960px; height: 400px; overflow: auto;"><object style="width:100%; height:400px; margin:1%;" type="text/html" data="http://website.com/"></object></div>

Of course, you don't need to use inline CSS as shown here.

[Chadjoh]

Thanks for the tip.

[Major Payne]

Most welcome.