Un CSS para cada Navegador

Creo que no soy el único que esta hasta la madr**e de que después de pasarse todo un rato diseñando tu CSS lo pruebes en IExplorer (sobre todo) y resulte que parece “Arte Abstracto” Una posible solución (la verdadera solución son los Standars Reales) es usan un CSS para cada tipo de navegador, de esta manera a pesar de tener que trabajar doble (creando un CSS para Mozilla.. y otro para IExplorer y otro para…) sabrás que tu pagina siempre lucirá genial (o al menos como tu quieres que luzca).

En Ajaxian nos muestran un forma usando para ello selectores CSS para IE, el formato de tales selectores es mas o menos este:

<!--[if IE 7]>
  <div id="body1" class="IE IE7 IE67">
<![endif]-->

<!--[if IE 6]>
  <div id="body1" class="IE IE6 IE56 IE67">
<![endif]-->

<!--[if IE 5]>
  <div id="body1" class="IE IE5 IE56">
<![endif]-->

<!--[if !IE]>--> /* Para todos los demas casos */
  <div id="body1" class="W3C">
<!--<![endif]-->

Como ven la idea es clara, si quieres una referencia mas completa sobre el uso de estos selectores te recomiendo visitar la pagina de Ajaxian, el enlace esta al final del post.

Link: Ajaxian | Maintaining Browser Specific CSS

• PHP - Detectar el navegador del usuario ademas de su version
• Google Chrome: ¿El final de Firefox?
• Google Chrome: Lista Beta para descarga.
• OpenOffice cada vez mas lento
• 15 herramientas para desarrollo web que deberias conocer