Tema: problema con sprites en ie 6 y 8
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 07/05/2011, 23:40
Avatar de walterfcr
walterfcr
 
Fecha de Ingreso: julio-2009
Ubicación: Costa Rica
Mensajes: 148
Antigüedad: 14 años, 9 meses
Puntos: 4
Respuesta: problema con sprites en ie 6 y 8
bueno creo que el problema es el codigo de la pagina porque acabo de ver que ya no funcionan bien varias cosas en ie8

se descuadran los sprites, un jquery de zoom no funciona, la imagen de fondo de la cabecera se agrando y solo en ie8 y 6
ayer si funcionaba todo bien y hoy agregue los menus y se fue todo a la mierda y no se porque

aca dejo el html
Cita:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<link href="style2.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" media="screen" type="text/css" href="jzoom/zoomimage.css" />
<link rel="stylesheet" media="screen" type="text/css" href="jzoom/custom.css" />
<script type="text/javascript" src="jzoom/jquery.js"></script>
<script type="text/javascript" src="jzoom/eye.js"></script>
<script type="text/javascript" src="jzoom/utils.js"></script>
<script type="text/javascript" src="jzoom/zoomimage.js"></script>
<script type="text/javascript" src="jzoom/layout.js"></script>

<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script>
<![endif]-->

<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
<![endif]-->

<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->



</head>

<body>


<div id="fondo2"><img src="images/fondo.jpg" width="100%" /></div>

<div id="maincontainer">

<div id="topsection">



<ul class="menuholder">
<li class="menu_inicio"><a href="#" title="inicio" ></a></li>
<li class="menu_mercaderia"><a href="musica.html" title="mercaderia"></a></li>
<li class="menu_contactenos"><a href="#" title="contactenos"></a></li>
</ul>

</div>




<div id="contentwrapper">
<div id="contentcolumn">

<div id="galeria">

<ul>
<li><a href="images/camisa.jpg" title="Seashell" class="example2"><img src="images/camisapeq.jpg" alt="Seashell" /></a><br><p>nombre de camiseta</p></br></li>

<li><a href="images/camisa.jpg" title="Seashell" class="example2"><img src="images/camisapeq.jpg" alt="Seashell" /></a><br><p>nombre de camiseta</p></br></li>
<li><a href="images/camisa.jpg" title="Seashell" class="example2"><img src="images/camisapeq.jpg" alt="Seashell" /><span>Descripci&oacute;n de la imagen</span></a></li>
<li><a href="images/camisa.jpg" title="Seashell" class="example2"><img src="images/camisapeq.jpg" alt="Seashell" /><span>Descripci&oacute;n de la imagen</span></a></li>
<li><a href="images/camisa.jpg" title="Seashell" class="example2"><img src="images/camisapeq.jpg" alt="Seashell" /><span>Descripci&oacute;n de la imagen</span></a></li>
<li><a href="images/camisa.jpg" title="Seashell" class="example2"><img src="images/camisapeq.jpg" alt="Seashell" /><span>Descripci&oacute;n de la imagen</span></a></li>
</ul>
</div>
</div>
</div>

<div id="leftcolumn">
<img src="images/imagen prueba.jpg" /></div>

<div id="footer"></div>
</div>


</body>
</html>