Foros del Web » Creando para Internet » CSS »

problema con sprites en ie 6 y 8

Estas en el tema de problema con sprites en ie 6 y 8 en el foro de CSS en Foros del Web. estoy usando esa tecnica de sprites para un menu y se ve bien en todo pero en ie 6 y 8 sale bien descuadrado. les ...
  #1 (permalink)  
Antiguo 07/05/2011, 23:12
Avatar de walterfcr  
Fecha de Ingreso: julio-2009
Ubicación: Costa Rica
Mensajes: 148
Antigüedad: 8 años, 5 meses
Puntos: 4
problema con sprites en ie 6 y 8

estoy usando esa tecnica de sprites para un menu y se ve bien en todo pero en ie 6 y 8 sale bien descuadrado. les dejo el codigo a ver si hizo falta algo


Código:
<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>

Código:
.menuholder li {float:left;}
.menuholder a {background:url(images/menuh-trans.png);display:block; background-repeat:no-repeat;  height:30px; text-indent:-9000%; outline: none;}


/*ESTADO NORMAL*/
.menu_inicio a {width:141px;}
.menu_mercaderia a {width:216px; background-position:-141px 0px;}
.menu_contactenos a {width:498px; background-position:-357px 0px;}



/*ESTADO ROLLOVER*/
.menu_inicio a:hover {background-position:0px -30px;}
.menu_mercaderia a:hover{background-position:-141px -30px;}
.menu_contactenos a:hover {background-position:-357px -30px;}
  #2 (permalink)  
Antiguo 08/05/2011, 00:40
Avatar de walterfcr  
Fecha de Ingreso: julio-2009
Ubicación: Costa Rica
Mensajes: 148
Antigüedad: 8 años, 5 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>

Etiquetas: sprites
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 22:42.