Contacta (+34) 622 045 404

Estudio de desarrollo front-end, maquetación web, diseño y programación WordPress freelance.

Fundado por Alberto Fortes, diseñador y maquetador web HTML5 responsive design, front-end developer JavaScript y programador WordPress freelance a medida desde 2006.

Especializados en outsourcing con importantes clientes finales.

listas ordenadas (ol), width con percentiles y cuando el explorer es más papista que el Papa

20 Octubre, 2006

Esta mañana si que hubiera deseado poder desactivar todos los explorer del mundo…
uno de esas petadas del explorer que no sabes a cuento de que viene y no encuentras solución en ningún foro o lista de correo (seguramente por no saber buscarla, porque debe de estar)
El problema:
En una lista ordenada ol, los resultados no sumaban, o sea:

   ol {list-style:decimal;/*por defecto realmente*/}

todos los resultados eran siempre 1, así:

  • 1. no suma el cabrito
  • 1. no suma el cabrito
  • 1. no suma el cabrito
  • 1. no suma el cabrito

cuando bedería ser así:

  1. ahora si que suma
  2. ahora si que suma
  3. ahora si que suma
  4. ahora si que suma

Pues bien, todo bien, todo el código correcto, y todos los navegadores ok menos explorer 6 que no es un navegador sino una putada.

La solución, el bichito, el código no estándar o lo que fuera que pasaba:

Un width con percentiles.
Simplemente. De manera que:

   ol li{width: 60%;}

petaba al contador del ol.
Lo anulamos, quitamos el width y funciona correcto.
El validador de w3c no daba error, pero al darle el width, ya sea con px o em´s o percentiles, la suma se rompe.

Así que si alguien tiene alguna vez este problema y se vuelve loco buscando en 5000 líneas de código, simplemente móntate el width en el ol o ul que es dónde debe estar.

Actualización: Si esto no te funciona, prueba con esta otra solución que nos comenta Álvaro G. Vicario:

ol li{
   display: list-item; /* IE */
}