Hola a todos.
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:
<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>
el css para estas capas
Código:
#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;}
La posicion del ul la cambio con javascript y funciona correctamente en ambos navegadores.
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.