componente jquery no funciona en IE pero si en chrome

moron · #1 (**permalink**) 18/02/2013, 13:35

Hola a todos.

Estoy implementando un componente jquery en un sitio. Funciona a la perfección el chrome, pero en explorer no funciona bien. (desfazado y no activa la acción)

El componente es este:

http://milanfor.site40.net/Productos.html

Alguna idea de por donde puede venir el error?

Muchas gracias desde ya.

Ahi va el codigo por si a alguien le interesa mirar :

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

&nbsp;<html xmlns="http://www.w3.org/1999/xhtml"><head><meta name="keywords" content="" /><meta name="description" content="" /><meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>Forja Milanfor</title>
<link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css" />
<!--<link rel="stylesheet" type="text/css" href="style.css" />
-->

<script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="js/jquery.scrollTo.js"></script>



<script language="javascript" type="text/javascript" src="js/jquery.easing.js"></script>
<script language="javascript" type="text/javascript" src="js/script.js"></script>

<link rel="stylesheet" type="text/css" href="css/layout.css" />
<link rel="stylesheet" type="text/css" href="css/style2.css" />
<script language="javascript" type="text/javascript" src="js/jquery.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.easing.js"></script>
<script language="javascript" type="text/javascript" src="js/script.js"></script>
<script type="text/javascript">
   o: true,
            mainWidth: 684 $(document).ready(function () {
        var buttons = { previous: $('#jslidernews2 .button-previous'),
            next: $('#jslidernews2 .button-next')
        };
        $('#jslidernews2').lofJSidernews({ interval: 5000,
            easing: 'easeInOutQuad',
            duration: 1200,
            aut,
            mainHeight: 300,
            navigatorHeight: 100,
            navigatorWidth: 310,
            maxItemDisplay: 3,
            buttons: buttons
        });
    });

</script>

 

<style type="text/css">


ul.lof-main-wapper li {
		position:relative;	
	}
 

/*global*/

* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: underline;
	color: #DB4A4A;
}

a:hover {
	text-decoration: none;
}

body {
	line-height: 1.75em;
	background: #222424 url(images/img01.gif) repeat-x top left;
	color: #C0C1C1;
	font-size: 11.5pt;
}

body,input {
	font-family: Tahoma, sans-serif;
}

br.clearfix {
	clear: both;
}

ul {
	margin-bottom: 1.5em;
}
#footer {
	padding: 70px 0 110px 0;
	text-align: center;
	margin: 0 0 45px 0;
}


#footer a {
	color: #C0C1C1;
}
#footer2 {
	padding: 70px 0 110px 0;
	text-align: center;
	margin: 0 0 45px 0;
}
#header {
	height: 125px;
	position: relative;
	padding: 40px;
    top: 0px;
    left: 0px;
}

#logo {
	margin: -20px auto;
	height: 110px;
	line-height: 110px;
	text-align: center;
	position: relative;
    top: 0px;
    left: 0px;
}

#logo a {
	color: #FFFFFF;
	text-decoration: none;
}

#logo h1 {
	font-size: 2.8em;
	font-family: Oswald, sans-serif;
}

#menu {
	line-height: 55px;
	position: absolute;
	bottom: 0;
	height: 55px;
	background: #AF1E1E url(images/img02.gif) repeat-x top left;
	left: 0;
	font-family: Oswald, sans-serif;
	width: 980px;
	border-top: solid 1px #FF9696;
	border-bottom: solid 1px #9B0A0A;
}

#menu a {
	font-size: 1.1em;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFFFFF;
}

#menu ul {
	width: 980px;
	list-style: none;
	text-align: center;
}

#menu ul li {
	text-align: center;
	padding: 8px 15px 8px 15px;
	margin: 0 5px 0 5px;
	display: inline;
}

#menu ul li.current_page_item {
	background: #912727;
	border-top: solid 1px #9B0A0A;
	border-bottom: solid 1px #FF9696;
}

#page {
	position: relative;
	margin: 0 0 0 0;
	width: 980px;
	padding: 0;
}
#post1 {
	overflow: hidden;
	margin: 0 0 30px 0;
}

#wrapper {
	width: 980px;
	position: relative;
	margin: 0px auto 0 auto;
}

<!--fin global-->




</style>

</head>
<body>
<div id="wrapper">
	<div id="header">
		<div id="logo">
			<h1>Forja Milanfor</h1>
		</div>
		<div id="menu">
			<ul>
				<li ><a href="index.html">HOME</a></li>
				<li><a href="Servicios.html">SERVICIOS</a></li>
				<li><a href="Calidad.html">CALIDAD</a></li>
				<li class="last current_page_item"><a href="Productos.html">PRODUCTOS</a></li>
				<li><a href="Clientes.html">CLIENTES</a></li>
				
			</ul>
		</div>
	</div>
	<div id="page">

		<div >
        <div style="clear:both;height:20px;"></div>
			<div id="post1">
          
					

<div id="jslidernews2" class="lof-slidecontent" style="width:980px; height:300px;">
	<div class="preload"><div></div></div>
            
            
            <div  class="button-previous">Previous</div>
                   
    		 <!-- MAIN CONTENT --> 
              <div class="main-slider-content" style="width:684px; height:300px;">
                <ul class="sliders-wrap-inner">
                    <li>
                            <img src="images/thumbl_980x340.png" title="Newsflash 2" >           
                          <div class="slider-description">
                            <div class="slider-meta"><label style="background:#C01F25;">/  <i>Tiristor camuflado</i>/</label></div>
                            <h4>Nuevo </h4>
                        
                           
                            </p>
                         </div>
                    </li> 
                   <li>
                      <img src="images/thumbl_980x340_003.png" title="Newsflash 3" >            
                        <div class="slider-description">
                          <div class="slider-meta"><a target="_parent" title="Newsflash 3" href="#Category-3">/ Newsflash 3 /</a> <i> —  2010 12:42</i></div>
                            <h4>Content 3</h4>
                            <p>With a. Don't...
                            <a class="readmore" href="#">Read more </a>
                            </p>
                         </div>
                    </li> 
                    <li>
                      <img src="images/thumbl_980x340_004.png" title="Newsflash 5" >            
                        <div class="slider-description">
                          <div class="slider-meta"><a target="_parent" title="Newsflash 4" href="#Category-4">/ Newsflash 4 /</a> <i> — Monday, February 15, 2010 12:42</i></div>
                            <h4>Content of Newsflash 4</h4>
                            <p>Joomla! 1.5 - ' dynamic Web...
                            <a class="readmore" href="#">Read more </a>
                            </p>
                         </div>
                    </li> 
                    <li>
            
                      <img src="images/thumbl_980x340_006.png" title="Newsflash 5" >            
                        <div class="slider-description">
                          <div class="slider-meta">
                             <div class="slider-meta"><label style="background:#C01F25;">/  <i>Tiristor camuflado</i>/</label></div>
                            <h4>Nuevo cv</h4>
                        
                            </p>
                         </div>
                    </li> 
                
                  </ul>  	
            </div>
 		   <!-- END MAIN CONTENT --> 
           <!-- NAVIGATOR -->
           	<div class="navigator-content">
                  <div class="navigator-wrapper">
                        <ul class="navigator-wrap-inner">
                          <li>
                                <div>
                                    <img src="images/lofthumbs/791902news3.jpg" />
                                    <h5> NewsFlash 1 </h5>
                                    <span>20.01.2010</span> - In i sit eu...
                                </div>    
                            </li>
                             <li>
                                <div>
                                    <img src="images/lofthumbs/435576news10.jpg" />
                                    <h5> NewsFlash 2 </h5>
                                    <span>20.01.2010</span> -Int eu. ..
                                </div>    
                            </li>
                
                            <li>
                                <div>
                                    <img src="images/lofthumbs/641906img1.jpg" />
                                    <h5> NewsFlash 3 </h5>
                                    <span>20.01.2010</span> - In id,  sit eu. ..
                                </div>     
                            </li>
                            
                           
                           
                           <li>
                                <div>
                                    <img src="images/lofthumbs/416719news7.jpg" />
                                    <h5> NewsFlash 6</h5>
                                    <span>20.01.2010</span> - In id,sit eu. ..
                                </div>
                            </li>     		
                        </ul>
                  </div>
   
             </div> 
         
          <div class="button-next">Next</div>
 
 		 <!-- BUTTON PLAY-STOP -->
          <div class="button-control"><span></span></div>
          <!-- END OF BUTTON PLAY-STOP -->
           
 </div> 

			</div>
            <div style="clear:both"></div>
			 
			<br class="clearfix" />
		    </div>
		<br class="clearfix" />
	</div>
</div>
<div id="footer2">
	 
</div>
</body>
</html>