Ayuda WordPress

Eligiendo un método

El método que uses para enlazar a los ficheros CSS externos dependerá del nivel deseado de soporte en navegadores.

Si quieres ignorar navegadores antiguos puedes simplemente utilizar hojas de estilo enlazadas. Los navegadores antiguos mostrarán muchas reglas de un modo horrible y puede que dificulten que los usuarios accedan a parte del contenido.

Si quieres servir contenido sin estilo a navegadores antiguos puedes utilizar dos hojas de estilo – una enlazada y otra importada. Todos los estilos avanzados (colocación, márgenes, acolchado) irían en la hoja de estilo “@import”.

Para este ejemplo, habilitaremos soporte parcial para navegadores antiguos. Esto significa que no moveremos todos los estilos avanzados a la hoja de estilo “@import”. En lugar de eso trataremos de mover tan pocos estilos avanzados como nos sea posible  para mantener algo de la semblanza de la plantilla correcta. Esta es una tarea muy fura ya que cada uno de los navegadores antiguos interprentan el CSS incorrectamente, y cada uno de manera diferente.

El método de ocultación

Comprueba tu sitio en varios navegadores antiguos y busca elementos de la página que no se muestren correctamente. Experimenta, comentando cada declaración asociada a esos elementos hasta que descubras  los que están provocando el problema. Luego, simplemente mueve esas declaraciones del fichero CSS enlazado al fichero CSS @import. Las reglas que habitualmente se muestran mal son los bordes, acolchados, márgenes y elementos flotantes. Cada vez que muevas una regla comprueba la plantilla en navegadores antiguos y modernos.

Variación aceptable

La plantilla puede aparecer radicalmente distinta en navegadores antiguos que en navegadores modernos. Esto no importa ya que la plantilla no se oculta a los usuarios y estos pueden acceder al contenido.

Para este ejercicio nos hemos concentrado en la ocultación de estilos que afectan a Netscape 4.x ya que este navegador antiguo mas utilizado actualmente. Sin embargo, podrías ocultar declaraciones que se muestren también incorrectamente en otros navegadores antiguos. Si sigues ocultando declaraciones, tratando de satisfacer a todos los navegadores antiguos, puede que tengas que quedarte solo con estilos sencillos de fuentes, colores y colocaciones básicas.

• Plantilla utilizando hojas de estilo externas
• Resultados en Browser Cam results (comprueba versiones de Netscape 4.x en especial)

También te puede interesar:

• Manual CSS – ¡Terminaste!
• Manual CSS – Paso 9 > Sacando el CSS
• Manual CSS – Paso 8 > Aplicando estilo en los contenedores
• Manual CSS – Paso 7 > Colocando el contenido
• Manual CSS – Paso 6 > Cajas coloreadas