Estilo de bola (disc) en listas de IE6

iuttu — Fri, 26 Sep 2008 15:35:47 +0000

A veces, cuando creamos listas, necesitamos indicarle un señalador para remarcar cada elemento de la lista. Si usamos la propiedad list-style podremos asignar el tipo de señalador de lista que queramos. El problema viene cuando tenemos la necesidad de que cada elemento de la lista tenga la propiedad display como inline o la propiedad float marcada, entonces, si revisamos la lista en Internet Explorer 6, descubriremos que el señalador no aparece.

Por ejemplo, si tenemos la lista:

<ul>
<li>un elemento</li>
<li>dos elementos</li>
<li>tres elementos</li>
</ul>

y las propiedades:

1 2	ul { list-style: disc; } ul li { float: left; }

veremos el punto negro en todos los navegadores menos en Internet Explorer 6, que estará vacío. Para que se vea, tendremos que añadir la propiedad list-type con el valor inside:

1	ul { list-style: disc; list-type: inside; }

iuttu » ie6

Estilo de bola (disc) en listas de IE6