Eliminar el margen predeterminado de los elementos <ul>

Kailea · #1 (**permalink**) 20/03/2006, 11:15

Hola a todos,

Veréis, estoy realizando una web, y para el menú he utilizado (según marcan los estándares) elementos <ul> y <li>. El problema viene que en Firefox, estos elementos llevan aparejados un margen por defecto que no tienen en IE.

¿Cómo se podría eliminar el margen por defecto de Firefox creando un documento CSS válido? No servirían en este caso los margin-left: -10px; porque no se validan.

Gracias!
Kailea.

smokecitizen · #2 (**permalink**) 20/03/2006, 13:29

padding:0px; ?

baccxus · #3 (**permalink**) 20/03/2006, 13:44

Debido a que cada navegador tiene sus medidas predefinidas para varios elementos, entre ellos las listas (ordenadas o no), al principio de cada documento CSS pongo lo siguiente:

Código:

* {margin:0; padding: 0; border:0;}

Así manejo a mi antojo cada elemento de mi diseño CSS, ahora, si no quieres ver las viñetas, pues solo pones esto:

Código:

.clase li {list-style-type: none;}

y ya tá!

Saludos

Kailea · #4 (**permalink**) 20/03/2006, 14:07

Gracias baccxus, funcionó perfectamente.

smokecitizen, el padding ya lo tenía a 0, incluidos los márgenes, era por lo que comentaba baccxus.

Gracias a ambos por vuestro interés!

SiR.CARAJ0DIDA · #5 (**permalink**) 20/03/2006, 15:18

el problema como siempre es el IE porque es tan estupido que las viñetas las pone fuera del UL / OL, en cambio firefox las pone dentro con padding-left como deberia ser.