Tengo un problema con el querido internet explorer...
el fin al que quiero llegar es una serie de iconos (numero indeterminado) que se van mostrando de 4 en 4 sin recargar la pagina.
Para ello he creado una serie de capas y enlaces.
Código:
el css para estas capas<div id="imagenes_home"> <div class="bt_imagenes_home"> <a href="javascript:abajo();" style="background:url(images/bt_imgs_iz.jpg);"></a> </div> <div id="cn_imagenes_home"> <ul id="desplazable" class="clientes"> <? $busca = @mysql_query("SELECT * FROM clientes ORDER BY nombre_cliente"); while ($arrbusca = mysql_fetch_array($busca)){ echo '<li style="background:url('.substr($arrbusca["ruta"], 6).') no-repeat;">'; echo '<a href="'.$arrbusca["enlace_cliente"].'" target="_blank"></a></li>'; } ?> </ul> </div> <div class="bt_imagenes_home"> <a href="javascript:arriba();" style="background:url(images/bt_imgs_dr.jpg);"></a> </div> </div>
Código:
La posicion del ul la cambio con javascript y funciona correctamente en ambos navegadores.#imagenes_home{ width:518px; height:118px; margin-left:22px; background-color:#F8F8F8; border:1px solid #DEDEDE;} .bt_imagenes_home{ width:14px; height:118px; float:left;} .bt_imagenes_home a{ display:block; width:14px; height:118px;} #cn_imagenes_home{ width:490px; height:114px; float:left; padding-top:4px; overflow:hidden;} #cn_imagenes_home ul{ margin:0; padding:0; width:490px; height:auto; list-style:none; overflow:hidden; position:relative; top:0px;} #cn_imagenes_home li{ margin:0; padding:0; width:110px; height:110px; float:left; margin-left:10px; margin-bottom:4px;} #cn_imagenes_home li a{ width:108px; height:108px; display:inline-block; text-align:left; text-decoration:none; border:#EEE 1px solid;} #cn_imagenes_home li a:hover{ border-color: #CCC;}
El problema de ie es que se ven todos los iconos (pasando por detras de las capas que estan debajo).
Agradeceria cualquier sugerencia.
Por anticipado, muchas gracias.