Topic: simpleviewer not showing up in firefox

Okay, i seen the threads about simpleviewer not showing up in IE, however mine seems to be the opposite.  on my website, simple viewer will not show up under firefox.  I have version 3.5. 

However, it shows up in IE 8 just fine.

Please help!

Re: simpleviewer not showing up in firefox

Please post the URL of the gallery you are having issues with.

Mike Richards
SimpleViewer Support Team.

Re: simpleviewer not showing up in firefox

here is the URL

http://www.simpleviewer.net/simpleviewer/

Re: simpleviewer not showing up in firefox

what is the URL of your personal gallery?

Mike Richards
SimpleViewer Support Team.

Re: simpleviewer not showing up in firefox

miker wrote:

what is the URL of your personal gallery?

http://xiong.homeftp.net/demo1/males.html

Re: simpleviewer not showing up in firefox

Your issue is a improperly formatted HTML document.

Your code.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
<title>Welcome to Your New Kennels</title>
<style type="text/css">
.style2 {
    color: #FF0000;
    font-family: Echelon;
    font-size: large;
    text-align: center;
}
.style3 {
    text-align: left;
}
.style4 {
    text-align: center;
}
.style5 {
    border-width: 0px;
}
</style>
</head>

<body style="color: #FFFFFF; background-attachment: fixed;">
<div id="container">
    <div id="header" style="left: 0px; top: 0px; height: 800px">
        <img alt="" height="800" src="images/new.gif" width="900" /></div>

    <div id="content" class="style3" style="height: 529px">
        <div class="style3">
        
        <font color="#cc0000" font="">
        <p style="height: 73px; width: 829px;" class="style3">
        <a href="/home.html">
        <img alt="" height="55" src="images/buttons/home.jpg" width="95" class="style5" /></a>&nbsp;&nbsp;
        <a href="/males.html">
        <img alt="" height="55" src="images/buttons/males.jpg" width="95" class="style5" /></a>&nbsp;&nbsp;
        <a href="/females.html">

        <img alt="" height="55" src="images/buttons/females.jpg" width="95" class="style5" /></a>&nbsp;&nbsp;
        <a href="/produced.html">
        <img alt="" height="55" src="images/buttons/produced.jpg" width="95" class="style5" /></a>&nbsp;&nbsp;
        <a href="/links.html">
        <img alt="" height="55" src="images/buttons/links.jpg" width="95" class="style5" /></a>&nbsp;&nbsp;
        <a href="/gallery.html">
        <img alt="" height="55" src="images/buttons/gallery.jpg" width="95" class="style5" /></a>&nbsp;&nbsp;
        <a href="/breedings.html">
        <img alt="" height="55" src="images/buttons/breedings.jpg" width="95" class="style5" /></a>&nbsp;&nbsp;

        <a href="/contact.html">
        <img alt="" height="55" src="images/buttons/contact.jpg" width="95" class="style5" /></a></p>
        </font>
        
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <br />
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <br />
            </div>

        <p class="style2">This is a sample of the males page.&nbsp; The dog 
        pictures used below are used as test images only and will be replaced 
        with appropriate dog pictures of each dogs kennel owner.</p>
        <font color="#cc0000" font="">
        <p align="center">
        <img alt="" height="280" src="images/dog.jpg" width="598" /></p>

        
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>

        <script type="text/javascript">
            var flashvars = {};
            flashvars.galleryURL = "malesgallery.xml";
            var params = {};            
            params.allowfullscreen = true;
            params.allowscriptaccess = "always";
            params.bgcolor = "000000";
            swfobject.embedSWF("simpleviewer.swf", "flashContent", "100%", "100%", "9.0.124", false, flashvars, params);
        </script>
        
        <style type="text/css" media="screen">    
            html, body    { height:100%; }
            body {            
                margin:0;
                padding:0;
                overflow:auto;
                background-color: #000;
                color:#000;
                font-family:sans-serif;
                font-size:20px;        
            }
            a {    
                color:#ff0000;    
            }
        </style>
        
    <body><div id="flashContent">This page requires JavaScript and the Flash Player. <a href="http://get.adobe.com/flashplayer/">Get Flash</a></div></body>
        
        <div class="style4" style="height: 47px">
        
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        
            <br />
            <br />

        </div>
    
    <div id="footer" style="height: 44px">
        
    <span>Copyright © 2009 Your Kennel Name. All rights reserved.<br />
        Site Hosted and Maintained by
        <a href="http://www.xformancepc.com" target="_blank">XFormance PC's</a></span>    </div>
</div>
</body>
</html>

How it should look.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
<title>Welcome to Your New Kennels</title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>

        <script type="text/javascript">
            var flashvars = {};
            flashvars.galleryURL = "malesgallery.xml";
            var params = {};            
            params.allowfullscreen = true;
            params.allowscriptaccess = "always";
            params.bgcolor = "000000";
            swfobject.embedSWF("simpleviewer.swf", "flashContent", "100%", "100%", "9.0.124", false, flashvars, params);
        </script>
        
        <style type="text/css" media="screen">    
            html, body    { height:100%; }
            body {            
                margin:0;
                padding:0;
                overflow:auto;
                background-color: #000;
                color:#000;
                font-family:sans-serif;
                font-size:20px;        
            }
            a {    
                color:#ff0000;    
            }
        </style>

<style type="text/css">
.style2 {
    color: #FF0000;
    font-family: Echelon;
    font-size: large;
    text-align: center;
}
.style3 {
    text-align: left;
}
.style4 {
    text-align: center;
}
.style5 {
    border-width: 0px;
}
</style>

</head>

<body style="color: #FFFFFF; background-attachment: fixed;">
<div id="container">
    <div id="header" style="left: 0px; top: 0px; height: 800px">
        <img alt="" height="800" src="images/new.gif" width="900" /></div>

    <div id="content" class="style3" style="height: 529px">
        <div class="style3">
        
        <font color="#cc0000" font="">
        <p style="height: 73px; width: 829px;" class="style3">
        <a href="/home.html">
        <img alt="" height="55" src="images/buttons/home.jpg" width="95" class="style5" /></a>&nbsp;&nbsp;
        <a href="/males.html">
        <img alt="" height="55" src="images/buttons/males.jpg" width="95" class="style5" /></a>&nbsp;&nbsp;
        <a href="/females.html">

        <img alt="" height="55" src="images/buttons/females.jpg" width="95" class="style5" /></a>&nbsp;&nbsp;
        <a href="/produced.html">
        <img alt="" height="55" src="images/buttons/produced.jpg" width="95" class="style5" /></a>&nbsp;&nbsp;
        <a href="/links.html">
        <img alt="" height="55" src="images/buttons/links.jpg" width="95" class="style5" /></a>&nbsp;&nbsp;
        <a href="/gallery.html">
        <img alt="" height="55" src="images/buttons/gallery.jpg" width="95" class="style5" /></a>&nbsp;&nbsp;
        <a href="/breedings.html">
        <img alt="" height="55" src="images/buttons/breedings.jpg" width="95" class="style5" /></a>&nbsp;&nbsp;

        <a href="/contact.html">
        <img alt="" height="55" src="images/buttons/contact.jpg" width="95" class="style5" /></a></p>
        </font>
        
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <br />
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <br />
            </div>

        <p class="style2">This is a sample of the males page.&nbsp; The dog 
        pictures used below are used as test images only and will be replaced 
        with appropriate dog pictures of each dogs kennel owner.</p>
        <font color="#cc0000" font="">
        <p align="center">
        <img alt="" height="280" src="images/dog.jpg" width="598" /></p>

    <div id="flashContent">This page requires JavaScript and the Flash Player. <a href="http://get.adobe.com/flashplayer/">Get Flash</a></div>
        
        <div class="style4" style="height: 47px">
        
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        
            <br />
            <br />

        </div>
    
    <div id="footer" style="height: 44px">
        
    <span>Copyright © 2009 Your Kennel Name. All rights reserved.<br />
        Site Hosted and Maintained by
        <a href="http://www.xformancepc.com" target="_blank">XFormance PC's</a></span>    </div>
</div>
</body>
</html>
Mike Richards
SimpleViewer Support Team.

Re: simpleviewer not showing up in firefox

miker wrote:

Your issue is a improperly formatted HTML document.

Your code.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
<title>Welcome to Your New Kennels</title>
<style type="text/css">
.style2 {
    color: #FF0000;
    font-family: Echelon;
    font-size: large;
    text-align: center;
}
.style3 {
    text-align: left;
}
.style4 {
    text-align: center;
}
.style5 {
    border-width: 0px;
}
</style>
</head>

<body style="color: #FFFFFF; background-attachment: fixed;">
<div id="container">
    <div id="header" style="left: 0px; top: 0px; height: 800px">
        <img alt="" height="800" src="images/new.gif" width="900" /></div>

    <div id="content" class="style3" style="height: 529px">
        <div class="style3">
        
        <font color="#cc0000" font="">
        <p style="height: 73px; width: 829px;" class="style3">
        <a href="/home.html">
        <img alt="" height="55" src="images/buttons/home.jpg" width="95" class="style5" /></a>&nbsp;&nbsp;
        <a href="/males.html">
        <img alt="" height="55" src="images/buttons/males.jpg" width="95" class="style5" /></a>&nbsp;&nbsp;
        <a href="/females.html">

        <img alt="" height="55" src="images/buttons/females.jpg" width="95" class="style5" /></a>&nbsp;&nbsp;
        <a href="/produced.html">
        <img alt="" height="55" src="images/buttons/produced.jpg" width="95" class="style5" /></a>&nbsp;&nbsp;
        <a href="/links.html">
        <img alt="" height="55" src="images/buttons/links.jpg" width="95" class="style5" /></a>&nbsp;&nbsp;
        <a href="/gallery.html">
        <img alt="" height="55" src="images/buttons/gallery.jpg" width="95" class="style5" /></a>&nbsp;&nbsp;
        <a href="/breedings.html">
        <img alt="" height="55" src="images/buttons/breedings.jpg" width="95" class="style5" /></a>&nbsp;&nbsp;

        <a href="/contact.html">
        <img alt="" height="55" src="images/buttons/contact.jpg" width="95" class="style5" /></a></p>
        </font>
        
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <br />
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <br />
            </div>

        <p class="style2">This is a sample of the males page.&nbsp; The dog 
        pictures used below are used as test images only and will be replaced 
        with appropriate dog pictures of each dogs kennel owner.</p>
        <font color="#cc0000" font="">
        <p align="center">
        <img alt="" height="280" src="images/dog.jpg" width="598" /></p>

        
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>

        <script type="text/javascript">
            var flashvars = {};
            flashvars.galleryURL = "malesgallery.xml";
            var params = {};            
            params.allowfullscreen = true;
            params.allowscriptaccess = "always";
            params.bgcolor = "000000";
            swfobject.embedSWF("simpleviewer.swf", "flashContent", "100%", "100%", "9.0.124", false, flashvars, params);
        </script>
        
        <style type="text/css" media="screen">    
            html, body    { height:100%; }
            body {            
                margin:0;
                padding:0;
                overflow:auto;
                background-color: #000;
                color:#000;
                font-family:sans-serif;
                font-size:20px;        
            }
            a {    
                color:#ff0000;    
            }
        </style>
        
    <body><div id="flashContent">This page requires JavaScript and the Flash Player. <a href="http://get.adobe.com/flashplayer/">Get Flash</a></div></body>
        
        <div class="style4" style="height: 47px">
        
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        
            <br />
            <br />

        </div>
    
    <div id="footer" style="height: 44px">
        
    <span>Copyright © 2009 Your Kennel Name. All rights reserved.<br />
        Site Hosted and Maintained by
        <a href="http://www.xformancepc.com" target="_blank">XFormance PC's</a></span>    </div>
</div>
</body>
</html>

How it should look.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
<title>Welcome to Your New Kennels</title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>

        <script type="text/javascript">
            var flashvars = {};
            flashvars.galleryURL = "malesgallery.xml";
            var params = {};            
            params.allowfullscreen = true;
            params.allowscriptaccess = "always";
            params.bgcolor = "000000";
            swfobject.embedSWF("simpleviewer.swf", "flashContent", "100%", "100%", "9.0.124", false, flashvars, params);
        </script>
        
        <style type="text/css" media="screen">    
            html, body    { height:100%; }
            body {            
                margin:0;
                padding:0;
                overflow:auto;
                background-color: #000;
                color:#000;
                font-family:sans-serif;
                font-size:20px;        
            }
            a {    
                color:#ff0000;    
            }
        </style>

<style type="text/css">
.style2 {
    color: #FF0000;
    font-family: Echelon;
    font-size: large;
    text-align: center;
}
.style3 {
    text-align: left;
}
.style4 {
    text-align: center;
}
.style5 {
    border-width: 0px;
}
</style>

</head>

<body style="color: #FFFFFF; background-attachment: fixed;">
<div id="container">
    <div id="header" style="left: 0px; top: 0px; height: 800px">
        <img alt="" height="800" src="images/new.gif" width="900" /></div>

    <div id="content" class="style3" style="height: 529px">
        <div class="style3">
        
        <font color="#cc0000" font="">
        <p style="height: 73px; width: 829px;" class="style3">
        <a href="/home.html">
        <img alt="" height="55" src="images/buttons/home.jpg" width="95" class="style5" /></a>&nbsp;&nbsp;
        <a href="/males.html">
        <img alt="" height="55" src="images/buttons/males.jpg" width="95" class="style5" /></a>&nbsp;&nbsp;
        <a href="/females.html">

        <img alt="" height="55" src="images/buttons/females.jpg" width="95" class="style5" /></a>&nbsp;&nbsp;
        <a href="/produced.html">
        <img alt="" height="55" src="images/buttons/produced.jpg" width="95" class="style5" /></a>&nbsp;&nbsp;
        <a href="/links.html">
        <img alt="" height="55" src="images/buttons/links.jpg" width="95" class="style5" /></a>&nbsp;&nbsp;
        <a href="/gallery.html">
        <img alt="" height="55" src="images/buttons/gallery.jpg" width="95" class="style5" /></a>&nbsp;&nbsp;
        <a href="/breedings.html">
        <img alt="" height="55" src="images/buttons/breedings.jpg" width="95" class="style5" /></a>&nbsp;&nbsp;

        <a href="/contact.html">
        <img alt="" height="55" src="images/buttons/contact.jpg" width="95" class="style5" /></a></p>
        </font>
        
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <br />
        <br />
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <br />
            </div>

        <p class="style2">This is a sample of the males page.&nbsp; The dog 
        pictures used below are used as test images only and will be replaced 
        with appropriate dog pictures of each dogs kennel owner.</p>
        <font color="#cc0000" font="">
        <p align="center">
        <img alt="" height="280" src="images/dog.jpg" width="598" /></p>

    <div id="flashContent">This page requires JavaScript and the Flash Player. <a href="http://get.adobe.com/flashplayer/">Get Flash</a></div>
        
        <div class="style4" style="height: 47px">
        
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        
            <br />
            <br />

        </div>
    
    <div id="footer" style="height: 44px">
        
    <span>Copyright © 2009 Your Kennel Name. All rights reserved.<br />
        Site Hosted and Maintained by
        <a href="http://www.xformancepc.com" target="_blank">XFormance PC's</a></span>    </div>
</div>
</body>
</html>

thanks!

Re: simpleviewer not showing up in firefox

okay, now i am trying to get the tilt viewer to work correctly and again i get the same problem.  It wont work under firefox.  I looked at what you did and tried to do it on this page as well, however it does not seem to work.  Can you assist me again?

here is the link to my page im talking about.



http://xiong.homeftp.net/demo1/gallery.html