Foros del Web - Error Iexplorer. Lista desordenada!!

Foros del Web (http://www.forosdelweb.com/)

- CSS (http://www.forosdelweb.com/f53/)

- - Error Iexplorer. Lista desordenada!! (http://www.forosdelweb.com/f53/error-iexplorer-lista-desordenada-473431/)

Error Iexplorer. Lista desordenada!!

Hola!

Alguién puede decirme cómo ordenar las imágenes de una lista para IExplorer?

He incluido seis logos en una lista con su márgenes y demás, y en el resto de los navegadores los muestra en linea, en dos filas, sin problemas, pero en en IExplorer hace un efecto de escalera, no están alineados de ninguna manera los elemtos de la fila y queda bastante feo.

Alguién me da una pista? Gracias

Código:


 

HTML
 
 

   <div id="contenido">

           <h4> Visite otros sitios web de inter&eacute;s</h4>

        

    <ul id="web">

        

        <li><a href="" target="_blank"><img src="imagenes/logos/Ivoclar Vivadent.gif" /></a></li>

        <li><a href="" target="_blank"><img src="imagenes/logos/Kavo.gif" /></a></li>

        <li><a href="" target="_blank"><img src="imagenes/logos/Komet.gif" width="121" height="83"/></a></li>

        <li><a href="" target="_blank"><img src="imagenes/logos/Mestra.gif" /></a></li>

        <li><a href="" target="_blank"><img src="imagenes/logos/Dur.gif" width="115" height="59" /></a></li>

        <li><a href="" target="_blank"><img src="imagenes/logos/Hu Friedy.gif" /></a></li>

        
 

        

        </ul>

   </div>
 
 
 
 

CSS
 
 
 

#web ul{

list-style-type : none;

        

        

}
 

#web img{

        float: left;

        display: inline;

        list-style-type: none;

        margin-top:30px;

        margin-bottom:35px;

        margin-left:10px;

        margin-right:10px;

        padding-right: 20px;

        padding-left: 20px;

        

}

Re: Error Iexplorer. Lista desordenada!!

Un par de cosas:

En primer lugar, estás poniendo float: left; y list-style-type: none; a las imágenes, y no a los elementos de la lista. Creo que sería más correcto hacerlo a éstas.

Creo que deberías añadir:

#web li {float: left;}

para que sean los elementos de lista los que sean flotados.

Por otro lado tienes un pequeño error: esta clase no va a hacer efecto

#web ul{
list-style-type : none;

porque es el propio ul el que tiene el ide web, de manera que esto debería ser en todo caso:

ul#web {
list-style-type : none;

Cambia estas dos cositas y a ver qué pasa.

Mikel.

Re: Error Iexplorer. Lista desordenada!!

Gracias Mikel. Gracias por tu ayuda.