problemas con el css s3slider

[esaenz22]

buenas. me descargue el jquery s3slider http://www.serie3.info/s3slider/ para implementarlo en un proyecto de una tienda virtual.

modifique el css para el ancho y algo de la imagen que es de 919 x 360. en explorer me centra el div, pero en firefox la imagen se desplaza muy a la izquierda. es como estuviera haciendo un padding.

explorer



firefox



este es codigo css que he modificado.

Código CSS:

/* s3slider */
 
#slider1 {
width: 919px; /* important to be same as image width */
height: 368px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
border:none;
}
 
#slider1Content {
width: 919px; /* important to be same as image width or wider */
position: absolute;
top: 0;
margin-left: 0;
border:none;
}
.slider1Image {
/*    float: left;*/
position: relative;
display: none;
border:none;
}
.slider1Image span {
position: absolute;
font: 10px/15px Arial, Helvetica, sans-serif;
padding: 10px 13px;
width: 919px;
background-color: #000;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
color: #fff;
display: none;
border:none;
}
 
.clear {
clear: both;
}
.slider1Image span strong {
font-size: 14px;
}
.left {
top: 0;
left: 0;
width: 110px !important;
height: 368px;
}
.right {
right: 0;
bottom: 0;
width: 90px !important;
height: 290px;
}
ul { list-style-type: none;}
 

no entiendo la diferencia de los 2 navegadores.

me podrian orientar como solucionar mi problema ?.

saludos.

[pablinff]

Buenas!
1 - Como para hacer un debug agregá a todas las capas un borde de 1px, que cada capa sea de un color de borde diferente como para diferenciar bien, y volvé a postear las mismas imágenes como para ver cual es el problema entre las capas.

2 - Deberías probar en un tercer navegador como es el comportamiento de las capas, para ver si el problema es específico de FF. Te recomiendo Opera, sino Chrome.

3 - Suponiendo que el problema persiste en Opera y/o Chrome, significa que los estilos están formateados para IE, entonces para eso recomiendo formatearlos para FF, Opera y Chrome y luego mediante comentarios condicionales se modifica para IE.

[esaenz22]

gracias por la respuesta pablinff. he probado en los navegadores que me indico usted como firefox, chrome, opera y safari. aun asi me muestra el mismo resultado.



como haria para validarlo en firefox y en internet explorer ?

me podria ayudar en ello por favor ?.

saludos.

[pablinff]

Bueno tu problema aparentemente radica en algún margin-left o padding-right... tendrías que determinar cuál es la capa que está provocando el desplazamiento... Posteá el resto del código css y también como se llama la capa contenedora del slider.
Abrazos!

[jomaruro]

Hola:

O si la tienes, mejor postea la URL de la página.

Saludos.