Scour Design. Tutoriales de CSS. Reglas especiales para Internet Explorer 7

\n"; } } } lecturas();

          


Reglas especiales para Internet Explorer 7

      

Autor: minid.net

Ay los hacks en CSS. Siempre digo que no deben implementarse, pero a veces vienen tan bien que es imposible vivir sin ellos. Uno que es muy cómodo –y muy fácil de eliminar luego– es un underscore «_» seguido de un atributo para que, el bendito Internet Explorer lo interprete y el resto de los navegadores no pase nada. Un ejemplo claro y que pueden probar para solucionar algunos problemas es:

  1. h2 {
  2. margin: 0 0 10px 0;
  3. _margin: 0 0 20px 0;
  4. }

Esto simplemente hace que el elemento <h2> en Firefox, Opera y otros navegadores un margen inferior de 10px. En cambio, utilizando una hack con _ sobre la propiedad margin: hace que Internet Explorer pase por alto –por leyes de peso– el margin: 0 0 10px 0; por el valor 20px.

Bien, entendido esto os podéis ir haciendo una idea gigante de la cantidad de cosas que se pueden arreglar y dejar hasta el milímetro de perfectas entre navegadores que entienden estándares con Internet Explorer. Ahora, como dentro de unos cuántos meses, sino digo hasta finales del 2007 y, hasta el 2009 cuando muchos usuarios tengan Internet Explorer 7 instalado, tendremos que ir probando en la porquería de beta que tienen ahora. Para ello, no podemos usar más el hack del underscore sino utilizar otro, que además va igual de bien para el Internet Explorer 6:

  1. h2 {
  2. margin: 0 0 10px 0; /* funciona en todos */
  3. *margin 0 0 55px 0; /* funciona tanto en IE6 como 7 */
  4. _margin: 0 0 20px 0; /* funciona sólo en IE6 y no en IE7 */
  5. }

Por adelantado les dejo claro que esto no valida con el herramienta de validación, pero me la trae floja de todas formas. Esto no afecta a la semántica de mis documentos sino a cómo se visualiza en un navegador.

Scour Design ™ Todos los Derechos Reservados © Carlos Carmona Xhtml 1.1 Strict Válido!CSS Nivel 2 Válido! Nivel Triple-A de Conformidad con las Directrices de Accesibilidad Web (WAI)