/// DESIGN-ROOT /// Diseño, usabilidad y animación web

Cada navegador es un mundo, y eso lo sabe mejor que nadie los diseñadores, quienes tienen que estar constamente comprobando cómo se ve el diseño y/o la maquetación de una web en Mozilla o Explorer (por mencionar los exploradores más estandarizados entre los usuarios).

Así, nos puede interesar que dependiendo del navegador que tenga el usuario se carge una u otra hoja de estilos CSS, creada teniendo en cuenta las peculiaridades del navegador, asegurándonos de este modo que el contenido se ve siempre correctamente sin sorpresas desagradables.

Para ello tenemos que crear un script que primero compruebe qué navegador tiene el usuario y, dependiendo de la respuesta, carge la hoja de estilos CSS correspondiente.

<script LANGUAGE="JavaScript">
if (document.layers) {
    document.write("<LINK REL='stylesheet' HREF='estilo_mz.css' TYPE='text/css'>"); }
else {
    document.write("<LINK REL='stylesheet' HREF='estilo_ie.css' TYPE='text/css'>"); }
</script>


Donde 'estilo_mz.css' es la hoja de estilos que se cargará si el usuario tiene Mozilla, y 'estilo_ie.css' si tiene Explorer.