Foros del Web » Creando para Internet » CSS »

Ocultar parte de un ul en internet explorer

Estas en el tema de Ocultar parte de un ul en internet explorer en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 07/12/2010, 11:01
 
Fecha de Ingreso: diciembre-2008
Mensajes: 84
Antigüedad: 15 años, 4 meses
Puntos: 0
Ocultar parte de un ul en internet explorer

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.

Etiquetas: explorer, internet
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 19:20.