Problema con CSS

uniCo #1 Oct '05

Buenas a tod@s,
Tengo un problema con un menú en css. Estoy diseñandolo en vertical con links en display: block cuando me doy cuenta que en iexplorer me deja un espacio que no consigo eliminar ni con margin y padding incluso en los links.

Este es el código que llevo hasta ahora:

div#links ul {
margin: 0px;
padding: 0px;
list-style-type: none;
font-size: 0.9em;
}
div#links ul li {
margin: 0px;
padding: 0px;
}
div#links ul li a {
margin: 0px;
padding: 0px;
display: block;
}

El problema:

http://img20.imageshack.us/img20/3949/aaaaaarg6aw.jpg

Gracias a los que contestéis

uniCo #2 Oct '05

20 lecturas... nadie lo sabe?

erdanblo #3 Oct '05 Inocente

¿Has probado a ponerle un tamaño?

(De todos modos, a mi me pasa igual en otra web, te la paso por MP)

guner #4 Oct '05

Puede que me equivoque, pero creo que el list-style-type: none;, se lo tendrías que poner al li

guner #5 Oct '05

Vale, lo que he puesto arriba es igual de válido que lo que tienes tú.

Curiosamente si especificamos que el elemento que se comporta como bloque ocupe el 100% del espacio de su contenedor, éste (en IE) reduce su tamaño, (cosa muy lógica).

Esto me funciona, bili puertas sabrá por qué.

div#links ul {
          margin: 0;
          padding: 0;
          font-size: 0.9em;
}
div#links ul li {
          margin: 0px;
          padding: 0px;
          list-style-type: none;
}
div#links ul li a {
          margin: 0;
          padding: 0;
          display: block;
          height: 100%;
}

Me vuelvo a linux ^_

uniCo #6 Oct '05

guner yo lo solucione con width en los links dandole la misma explicacion que tu pero ahora me acabas de rompe pues si tambien lo hace con height...

enfin, bill puertas los sabra xDD

Usuarios habituales