Diferenciar css entre navegadores (firefox, explorer y explorer 7)


Una información que muchos conocen pero que siempre viene bien recordar y organizar. ¿Como diferenciar el css entre navegadores?

La opción más aconsejada es empezar a maquetar siempre en un navegador que cumpla suficientemente bien los estándares y no hacerle un css demasiado complejo. A partir de ahí los descuadres en la maqueta, que deberían producirse solo en internet explorer,  se pueden arreglar con otros archivos css que podemos cargar como condicionales de explorer:



Con este tipo de códigos el css solo será cargado por navegadores explorer.

Una segunda opción también válida es la de utilizar formas válidas de definir los elementos del css pero que solo entienden algunos navegadores. De esta forma podemos añadir pequeños arreglos en un mismo archivo css sin que por ello nuestro código deje de validar.

#miDiv { código todos los navegadores }
* html #miDiv { solo lo entenderá IE6 }
*:first-child+html #miDiv{ solo lo entenderá IE7} 
html>/**/body #miDiv { solo lo entenderá FF }

Por último la forma más rápida de corregir un pequeño defecto es usando carácteres delante de propiedades de una misma definición css.

#miDiv { 
  margin:20px; /* para todos los navegadores */
  #margin:25px; /* para todos los internet explorer */
  -margin:30px;  /* solo para internet explorer 6 */
}

Una respuesta a “Diferenciar css entre navegadores (firefox, explorer y explorer 7)”

  1. Bastante útil cuando ie se pone a dar por saco y muestra los estilos como le da la gana. Que casualidad que los otros navegadores lo muestra bien…

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *