Volver al índice Diferencias entre navegadores

Se comentan en esta página algunas diferencias entre navegadores. Las versiones de los navegadores utilizadas son Firefox 4, Internet Explorer 9 y Google Chrome 10.

CSS en XML

Listas ordenadas

Los ejemplos a continuación muestran el documento siguiente utilizando diferentes hojas de estilo:

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="ejemplo_dif_nav_01.css" title="Estilo"?>
<listas>
  <lista>
    <elemento>Ejemplo</elemento>
    <elemento>Ejemplo</elemento>
    <elemento>Ejemplo</elemento>
  </lista>
  <lista>
    <elemento>Ejemplo</elemento>
    <elemento>Ejemplo</elemento>
    <elemento>Ejemplo</elemento>
  </lista>l
</listas>

Para mostrar el documento anterior como un par de listas no ordenadas se puede aplicar la siguiente hoja de estilo:

Enlace a ejemplo 1 (xml)
Correcto en Firefox Correcto en Internet Explorer Correcto en Google Chrome 
lista {
  display: block;
  margin-bottom: 10px;
}

elemento {
  display: list-item;
  list-style: disc inside;
  margin-left: 20px;
}
 ERROR (no puede mostrarse el objeto)

Para mostrar el documento anterior como un par de listas ordenadas se podría aplicar la siguiente hoja de estilo, que no funciona en Firefox 4 (en vez de los números 1, 2 y 3 sólo muestra ceros):

Enlace a ejemplo 2 (xml)
Incorrecto en Firefox Correcto en Internet Explorer Correcto en Google Chrome 
lista {
  display: block;
  margin-bottom: 10px;
}

elemento {
  display: list-item;
  list-style: decimal inside;
  margin-left: 20px;
}
 ERROR (no puede mostrarse el objeto)
Esta página forma parte del curso "XML: Lenguaje de Marcas Extensible" disponible en http://www.mclibre.org
Autor: Bartolomé Sintes Marco
Última modificación: 5 de abril de 2011

Creative Commons License
Esta obra está bajo una licencia de Creative Commons.