Topic: Simpleviewer Repeating on Page only for Firefox

http://www.vadtestsite.com/vadfinal/por … print.html

On Firefox only, the Simple Viewer repeats horizontally. IE7, IE8, Chrome, Safari and Opera seems to work just fine.

Please let me know if you find an error in my code OR you know of a way to fix this bug for Firefox.

Thank you,
C

Re: Simpleviewer Repeating on Page only for Firefox

Looks to be an html/script error of some kind as there are 3 instances of viewer.swf in the HTML generated source, but only one in the html file. The generated source represents what the browsers see after all the scripts run. If you don't where to look in your html code your could start with validating it.

The generated source for your page looks like this:

<html xmlns="http://www.w3.org/1999/xhtml"><head>




    <title>Visual Appeal Design :: San Diego, CA :: Graphic &amp; Web Design :: 734.368.8468</title>

    <link rel="shortcut icon" href="core/core_images/favicon.ico" type="image/x-icon">
    
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    
    <!-- Begin of css -->
    
    <link href="core/css/core.css" rel="stylesheet" type="text/css" media="screen">

    <link href="core/css/vad.css" rel="stylesheet" type="text/css" media="screen">
    <link href="core/css/jsScrollpane.css" rel="stylesheet" type="text/css" media="screen">
    <style type="text/css" media="screen">
        #flashcontent {
        height: 100%;
    }
    </style>
    
    <!-- End of css -->
    
    <!-- Some javascript -->
    
    <script language="javascript" type="text/javascript" src="core/scripts/jquery-1.3.2.js"></script>
    <script language="javascript" type="text/javascript" src="core/scripts/jcarousellite_1.0.1.js"></script>

    <script language="javascript" type="text/javascript" src="core/scripts/one_stop.js"></script>
    <script language="javascript" type="text/javascript" src="core/scripts/mousewheel.js"></script>
    <script language="javascript" type="text/javascript" src="core/scripts/font.js"></script>
    <script language="javascript" type="text/javascript" src="core/scripts/scrollpane.js"></script>
    
    <script type="text/javascript">
            
            $(function()
            {
                // this initialises the scollpanes on the page.
                $('.scroll-pane').jScrollPane();
            });
            
    </script>
    
    <script type="text/javascript" src="core/scripts/swfobject.js"></script>

    
    <!-- End of javascript -->
    
    <!--[if lte IE 6]>
    
        <style type="text/css" title="style" media="screen">
            @import "core/css/style_IE_vad.css";
        </style>
    
        <script type="text/javascript" src="core/scripts/pngfix.js"></script>
    
    <![endif]-->
    <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head><body><div style="left: -100em; position: absolute; width: 100em;"></div>

<div id="framework">
    
    <div id="content_wrapper">

        <!-- Start header -->
    
        <div id="header_wrap" class="servicespage">

    
            <ul>
        
                <li id="nav_home"><a href="index.html">Home</a></li>
                <li id="nav_about"><a href="vad_about.html">About us</a></li>
                <li id="nav_services"><a href="what_we_do.html">Services</a></li>
                <li id="nav_blog"><a href="why_we_design.html">blog</a></li>
                <li id="nav_contact"><a href="contact.html">Contact</a></li>

            </ul>
        </div>
    
    <div id="logo"></div>
    
        <!-- End of header -->
    
        <!-- Start of ContentFrame -->
        
        <!-- Start of news items -->
        
        <div id="news_item">
        
                <div style="overflow: hidden; visibility: visible; position: relative; z-index: 2; left: 0px; width: 960px;" id="service_page_wrapper">
            
                    <ul style="margin: 0pt; padding: 0pt; position: relative; list-style-type: none; z-index: 1; width: 2880px; left: -960px;"><li style="overflow: hidden; float: left; width: 960px; height: 450px;">

                                                            <h1>Portfolio :: Print</h1>
                                   <a class="e_back" href="portfolio_interactive.html">interactive</a> 
                                   <a class="f_back" href="portfolio_newsletters.html">newsletters</a>
                                   <a class="g_back" href="portfolio_print.html">print</a>
                                   <a class="h_back" href="portfolio_websites.html">web sites</a>
                                
                                <div id="web_portfolio">
                                     <div id="flashcontent"><embed type="application/x-shockwave-flash" src="viewer.swf" style="" id="viewer" name="viewer" bgcolor="#FFFFFF" quality="high" height="350" width="900"><a class="gbvwlyuygmhuaocgtihy" href="http://www.vadtestsite.com/vadfinal/viewer.swf"></a><a class="gbvwlyuygmhuaocgtihy" href="http://www.vadtestsite.com/vadfinal/viewer.swf"></a></div>    
    </div>

                        </li>
                
                        <li style="overflow: hidden; float: left; width: 960px; height: 450px;">
                                                            <h1>Portfolio :: Print</h1>
                                   <a class="e_back" href="portfolio_interactive.html">interactive</a> 
                                   <a class="f_back" href="portfolio_newsletters.html">newsletters</a>
                                   <a class="g_back" href="portfolio_print.html">print</a>
                                   <a class="h_back" href="portfolio_websites.html">web sites</a>

                                
                                <div id="web_portfolio">
                                     <div id="flashcontent"><embed type="application/x-shockwave-flash" src="viewer.swf" style="" id="viewer" name="viewer" bgcolor="#FFFFFF" quality="high" height="350" width="900"><a class="gbvwlyuygmhuaocgtihy" href="http://www.vadtestsite.com/vadfinal/viewer.swf"></a><a class="gbvwlyuygmhuaocgtihy" href="http://www.vadtestsite.com/vadfinal/viewer.swf"></a></div>    
    <script type="text/javascript">
    
        var fo = new SWFObject("viewer.swf", "viewer", "900", "350", "8", "#FFFFFF");
        
        // SIMPLEVIEWER CONFIGURATION OPTIONS
        // To use an option, uncomment it by removing the "//" at the start of the line
        // For a description of config options, go to: 
        // http://www.airtightinteractive.com/simpleviewer/options.html
        
        //fo.addVariable("xmlDataPath", "gallery.xml");
        //fo.addVariable("firstImageIndex", "5");    
        //fo.addVariable("langOpenImage", "Open Image in New Window");
        //fo.addVariable("langAbout", "About");    
        //fo.addVariable("preloaderColor", "0xFFFFFF");
        
        fo.write("flashcontent");    
    </script></div>

                        </li>
                    <li style="overflow: hidden; float: left; width: 960px; height: 450px;">
                                                            <h1>Portfolio :: Print</h1>
                                   <a class="e_back" href="portfolio_interactive.html">interactive</a> 
                                   <a class="f_back" href="portfolio_newsletters.html">newsletters</a>

                                   <a class="g_back" href="portfolio_print.html">print</a>
                                   <a class="h_back" href="portfolio_websites.html">web sites</a>
                                
                                <div id="web_portfolio">
                                     <div id="flashcontent"><embed type="application/x-shockwave-flash" src="viewer.swf" style="" id="viewer" name="viewer" bgcolor="#FFFFFF" quality="high" height="350" width="900"><a class="gbvwlyuygmhuaocgtihy" href="http://www.vadtestsite.com/vadfinal/viewer.swf"></a><a class="gbvwlyuygmhuaocgtihy" href="http://www.vadtestsite.com/vadfinal/viewer.swf"></a></div>    
    </div>

                        </li></ul>
          </div>
        </div>

        
        <!-- End of news items -->
        
        <!-- End of ContentFrame -->
    
  </div> <!-- End of content wrapper div -->
    
</div> <!-- End of framework div -->
    
    <!-- Start of Footer -->
    
    <div id="footer_wrapper">
    
        <div id="footer">
    
            <div id="footer_col_1">

        
                <h4>Location</h4>
            
                <p class="footer">Visual Appeal Design<br>
                San Diego, CA<br>
                734.368.8468<br>
                        <a rel="visualappealdesign.com" title="connie_benedict" href="#" onclick="this.href='mailto:'+this.getAttribute('title')+'@'+this.getAttribute('rel')" class="footer">Send Email</a></p>
        
            </div>

        
                        <div id="footer_col_2">
        
                <h4>Conditions</h4>
            
              <p class="footer">Copyright © 2009. All rights reserved<br>
                Site Issues? 
              <a href="https://cm.netteller.com/login/browsercheck/check.aspx" target="_blank" class="footer">Check your browser</a><br>            PC: <a href="http://www.mozilla.com/en-US/firefox/firefox.html" target="_blank" class="footer">Firefox</a>, <a href="http://www.google.com/chrome" target="_blank" class="footer">Chrome</a>, <a href="http://www.microsoft.com/windows/internet-explorer/ie7/" target="_blank" class="footer">IE7</a> or <a href="http://www.microsoft.com/windows/internet-explorer/default.aspx" target="_blank" class="footer">IE8</a><br>

              MAC: <a href="http://www.apple.com/safari/download/" target="_blank" class="footer">Safari</a> or <a href="http://www.opera.com/download/index.dml?platform=mac" target="_blank" class="footer">Opera</a></p></div>
        
        <div id="footer_col_3">
            
            <h4>Privacy Policy</h4>
            
<p class="footer">Your privacy is very important to me. I do not sell or otherwise provide your personal information to third parties for any reason, except as required by law.</p>
        
        </div>

    
        </div>
    
    </div>
    
    <!-- End of Footer -->
    
    
    
</body></html>
Mike Richards
SimpleViewer Support Team.

Re: Simpleviewer Repeating on Page only for Firefox

Did the validation. Only had two errors. Fixed and uploaded and still this error occurs. Any other suggestions?

Thank you!