Esta semana me he dedicado a diseñar para un blog que estamos preparando con Fernando. El diseño con CSS va muy bien, excepto que… para que el blog no desaparezca en los diferentes navegadores he tenido que recurrir a algunos hacks.

Hay varios tipos de hacks, los condicionales y los hacks en línea. Los hacks en línea están integrados en el CSS de forma que cada navegador interprete solo el hack que él conoce. Estos son los principales y con sus respectivos navegadores.

      ie6 y anteriores
          * html {}
      Solo ie7
          *:first-child+html {}
      Ultimas versiones de Opera 9 y anteriores
          html:first-child {}

Esos selectores son recomendados por la W3C porque permiten la validación del estilo a diferencia de los siguientes, que no son válidos  pero si lo son para Internet Explorer y se aplican a las propiedades que no están siendo bien interpretadas:

      ie6 y anteriores
           _propiedad: valor
      Para todos los ie
           *propiedad: valor

Cómo ven la solución no es tan terrible como el ver nuestro sitio totalmente desforme en otro navegador.

Saludos