hola a todos.
Tengo un problema de incompatibilidad con un javascrpit. En chrome no me despliega las fotos de tamaño completo de un display, si que me enseña los thumbs (las imagenes pequeñas de referencia. Además al probar las incompatibilidades en CSS4 me da el siguiente fallo:
"Cuando el contenido no cabe en un cuadro de ancho o alto fijo, éste se amplía para ajustar el contenido y evitar el desbordamiento.
Afecta: Internet Explorer 6.0
Probabilidad: Probable"
ESTE ES EL código escrito en HTML5:
<head>
<script type="text/javascript" src="js/jquery.js" ></script>
<script type="text/javascript" src="js/mocha.js" ></script>
<script type="text/javascript">
</head>
<body>
<div id="container">
<div id="gallery">
<img src="imagenes/fotosdisplay/tartas/Trufa.jpg" alt="trufa"/>
<img src="imagenes/fotosdisplay/tartas/colineta.jpg" alt="colineta" />
<img src="imagenes/fotosdisplay/tartas/mustafa.jpg" alt="mustafa"/>
<img src="imagenes/fotosdisplay/tartas/naranja.jpg" alt="naranja" />
<img src="imagenes/fotosdisplay/tartas/negrita.jpg" alt="negrita" />
</div>
<div id="thumbs">
<img src="imagenes/fotosdisplay/tartas/11.jpg" alt="trufa" />
<img src="imagenes/fotosdisplay/tartas/22.jpg" alt="carolina" />
<img src="imagenes/fotosdisplay/tartas/33.jpg" alt="mustafa" />
<img src="imagenes/fotosdisplay/tartas/44.jpg" alt="naranja" />
<img src="imagenes/fotosdisplay/tartas/55.jpg" alt="negrita" />
</div>
</div>
</div>
<a href="#" id="next"></a>
</div>
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/mocha.js"></script>
</body>
Y ESTAS SUS REGLAS EN CSS
}
#container{
width: 900px;
margin-left: auto;
margin-right: auto;
position: relative;
padding-top: 50px;
}
img{
display: block;
}
#gallery{
width: 800px;
height: 500px;
overflow: hidden;
}
#gallery img{
position: absolute;
}
#container{
width: 900px;
margin-left: auto;
margin-right: auto;
padding: 50px 0 0 0;
position: relative;
}
#gallery, #thumbs{
float: left;
}
#gallery img{
position: absolute;
background-image: url(imagenes/ZuriFotos/Bolleria-suizos.jpg);
}
#thumbs{
width: 100px;
height: 500px;
overflow: hidden;
}
#next{
display: block;
width: 47px;
height: 43px;
position: relative;
left: 855px;
background-image: url(../imagenes/fotosdisplay/tyb/arrow.png);
bottom: -460px;
}
#next:hover{
background-image: url(../imagenes/fotosdisplay/tyb/arrowmo.png);
}
Aqui os dejo la url de la página con problemas:
http://www.interactivosupsa.com/alumno/zuricalday/especialidades.html
Bueno adios y muchas gracias.