1 Topic by jubilri (edited by jubilri 2012-12-07 03:57:43)

  • Registered: 2012-12-05
  • Posts: 4

Topic: caption not shown in IE [Solved!]

my site:
http://yoojin.star-bottle.net/art.html

Source for the actual JuiceBox:
http://yoojin.star-bottle.net/juicebox_ … index.html

This is embed on an iframe

I really need this fix by this week as soon as possible! (college undergrad portfolio)
The problem is that while it looks fine in Safari and Chrome,
on IE, the caption or the title does not show.

Is there a way to fix this?

  • Registered: 2012-04-24
  • Posts: 5,906

Re: caption not shown in IE [Solved!]

Please see this FAQ: My gallery looks strange in Internet Explorer 9. Why?

  • Registered: 2012-12-05
  • Posts: 4

Re: caption not shown in IE [Solved!]

Steven wrote:

Please see this FAQ: My gallery looks strange in Internet Explorer 9. Why?

I've already seen the FAQ and <!DOCTYPE html>  is already added, but the caption still does not show up. This is my coding:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">


    <head>
        <title>Yoojin Seol's Art Portfolio</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

        <meta name="apple-mobile-web-app-capable" content="yes" />
        <style type="text/css">
            body {
                margin: 0px;
            }
        </style>
    </head>
    <body>
        <!--START JUICEBOX EMBED-->
        <script src="http://www.yoojin.star-bottle.net/juicebox_gallery/jbcore/juicebox.js"></script>
        <script>
            new juicebox({
                containerId : 'juicebox-container',

                galleryWidth: '100%',
                galleryHeight: '100%',
                backgroundColor: '#222222'
            });
        </script>
        <div id="juicebox-container"></div>
        <!--END JUICEBOX EMBED-->
    </body>
</html>
  • Registered: 2012-04-24
  • Posts: 5,906

Re: caption not shown in IE [Solved!]

Viewing the gallery on its own web page by visiting http://yoojin.star-bottle.net/juicebox_ … index.html in IE9 displays the captions OK so this implies that the problem may lie with the web page into which the gallery is being embedded.

There is no Doctype Declaration on the page into which the gallery is being embedded via an iframe: http://yoojin.star-bottle.net/art.html
Try adding a Doctype Declaration to this web page to see if it helps.

Also, you can validate your web pages using the W3C Markup Validation Service and fix any errors reported. There are several errors on the http://yoojin.star-bottle.net/art.html page, such as

Once the code on your web pages validates OK, your web pages should be rendered with greater predictability and consistency across different browsers.

  • Registered: 2012-12-05
  • Posts: 4

Re: caption not shown in IE [Solved!]

Yes, that did the trick!
Thank you so much!!