Foros del Web » Creando para Internet » CSS »

Problemas con Slider CSS + JQUERY en Chrome

Estas en el tema de Problemas con Slider CSS + JQUERY en Chrome en el foro de CSS en Foros del Web. Amigos tengo un problema con unas pequeñas lineas de codigo Resulta ser que tengo un slider de promociones, y funciona a la perfecciona en mozilla ...
  #1 (permalink)  
Antiguo 29/08/2011, 00:38
 
Fecha de Ingreso: octubre-2008
Mensajes: 25
Antigüedad: 8 años, 1 mes
Puntos: 0
Problemas con Slider CSS + JQUERY en Chrome

Amigos tengo un problema con unas pequeñas lineas de codigo
Resulta ser que tengo un slider de promociones, y funciona a la perfecciona en mozilla Firefox, pero al intentar verlo funcionar con Chrome, me da muchos problemas, a veces solo aparece una parte, en otras aparecen las imagenes montadas.

Ahi les va el codigo:

CSS
Código:
img{border:none;}
pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:0px;
		width:696px;
}	
			
#containero{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:696px;
                height:145px; //este lo puse de prueba
		background:#fff;		
		margin-bottom:0px;
}	
#header{
	height:80px;
	line-height:80px;
	background:#5DC9E1;
	color:#fff;
}				
#contentu{
    position:fixed;
    width:696px;
    height:145px; //tambien de prueba
}			

#slidero ul, #slidero li,
#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
                height:145px; //igual de prueba
}
#slidero li, #slider2 li{ 
		width:696px;
		height:145px; //igual de pueba
		overflow:hidden; 
		}
Ahora el codigo HTML
Código:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title></title>
	<meta http-equiv="content-type" content="text/html;charset=UTF-8" />    
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/easySlider1.7.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){	
			$("#slidero").easySlider({
				auto: true, 
				continuous: true,
				numeric: true
			});
		});	
	</script>
	
<link href="css/screen.css" rel="stylesheet" type="text/css" media="screen" />	
	
</head>
<body>

<div id="containero">

<div id="contentu">
<div id="slidero">
<ul>				
<li><a href="http://templatica.com/preview/30"><img src="images/01.jpg" alt="Css Template Preview" /></a></li>
<li><a href="http://templatica.com/preview/7"><img src="images/02.jpg" alt="Css Template Preview" /></a></li>
<li><a href="http://templatica.com/preview/25"><img src="images/03.jpg" alt="Css Template Preview" /></a></li>
<li><a href="http://templatica.com/preview/26"><img src="images/04.jpg" alt="Css Template Preview" /></a></li>
</ul>
</div>
</div>
</div>
</body>
Les agradezco su apoyo, un saludo a todos
Disculpen si es tema duplicado, no encontre uno parecido

Saludos

Etiquetas: chrome, firefox, html, jquery, slider, fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:31.