Shadowbox in IE8 nowhere to be seen only the menu appears no content ,no shadowbox.

classic Classic list List threaded Threaded
1 message Options
Amy
Reply | Threaded
Open this post in threaded view
|

Shadowbox in IE8 nowhere to be seen only the menu appears no content ,no shadowbox.

Amy
I would appreciate it if anyone can help me, I've been looking over the internet for hours tried everything but nothing worked.
is there something I'm doing wrong? Chrome and Mozilla are working perfectly but in IE8 which I just recently installed because shadowbox wouldn't work on an inferior IE (like the one I had 5.5) only shows the menu of my website but the small thumbnails and the content that supports it until the base frame or any trace of images or shadowbox is nowhere to be seen...blank

This is my html code, haven't edited anything on the shadowbox.js neither on the shadowbox.css.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"   "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
        <meta charset="utf-8" />
        <title></title>
        <link rel="stylesheet" href="try slide gallery.css" type="text/css" media="screen" />
  <link rel="stylesheet" href="" type="text/css" media="screen">
<script> var isNS = (navigator.appName == "Netscape") ? 1 : 0; if(navigator.appName == "Netscape") document.captureEvents(Event.MOUSEDOWN||Event.MOUSEUP); function mischandler(){ return false; } function mousehandler(e){ var myevent = (isNS) ? e : event; var eventbutton = (isNS) ? myevent.which : myevent.button; if((eventbutton==2)||(eventbutton==3)) return false; } document.oncontextmenu = mischandler; document.onmousedown = mousehandler; document.onmouseup = mousehandler; </script><link rel="stylesheet" type="text/css" href="shadowbox.css">
<script type="text/javascript" src="shadowbox.js"></script><script type="text/javascript"> Shadowbox.init(); </script>       
<SCRIPT TYPE="text/javascript"> <!-- //Disable right click script //visit http://www.rainbow.arch.scriptmania.com/scripts/ var message="Sorry, right-click has been disabled"; function clickIE() {if (document.all) {(message);return false;}} function clickNS(e) {if (document.layers||(document.getElementById&&!document.all)) { if (e.which==2||e.which==3) {(message);return false;}}} if (document.layers) {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;} else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;} document.oncontextmenu=new Function("return false") // --> <script src="js/jquery-1.3.1.min.js" type="text/javascript" charset="utf-8"></script>        <script src="js/slider.js" type="text/javascript" charset="utf-8"></script>        <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js?ver=1.3.2'></script>  <script type='text/javascript' src='js/jquery.color-RGBa-patch.js'></script>  <script type='text/javascript' src='js/example.js'></script>   

</SCRIPT>
   


</head>
<body ondragstart="return false" onselectstart="return false">
<div id="wrapper">
        <header>
                <br><br><br>
   

</header>

<div class="nav-wrap">
                <ul class="group" id="example-one">
            <li class="current_page_item">Home</li>
            <li>about</li>
            <li>objective</li>
            <li>quotes</li>
            <li>lime</li>
            <li>Contact</li>
         
        </ul>
</div>

<section id="main">
         
                <p><br></p>
<style type="text/css"> <!-- .thumbnail { border: 2px solid #000000; margin: 0 10px 10px 0; padding: 5px; } </style>          <div id="slider">   
     
   <div style="overflow: hidden;" class="scroll">
       
                                <div class="scrollContainer">
       
          <div class="panel" id="panel_1"> <div class="inside">

Eye

                                                       
                                                <div align="center"><div style="none: auto; width: 750px; height: 500px"><p align="center" class="c"></p></div>
  </div><p> </p><p><br><p><br></p>
                                        </div>

   

                                <div id="left-shadow"></div>
                                <div id="right-shadow"></div>

       </div>

                       

     </div>
  <p> </p>
<p> </p>     
<article>
  <p> </p>
</article> 

</section>

<footer>
<section id="footer-area">
        <section id="footer-outer-block"align="center">
                       
                                                <p> Copyright ©2013 www..com</p>
                        </aside>

        </section>

</section>
</footer>
       
</div><!
oncontextmenu="return false;"
</body>
</html>