En Manos de Nadie

Cuando diseñamos un sitio web, nos encontramos que debido a deficiencias en la forma de interpretar la hoja de estilos, ciertos navegadores que no respetan los estándares muestran MAL nuestro sitio. Por eso, debemos trabajar el doble y crear una nueva hoja de estilos exclusiva para IE. O en su defecto, usar hacks.  Nos manejamos de esta forma:

1. Realizar el diseño para Firefox o cualquier navegador que respete estándares.

2. Una vez comprobado que el diseño se ve bien, debemos duplicar los estilos que no se ven bien en IE7, modificando los mismos así:

#contenedor {margin : 10px 10px 10px 10px;}
3.Duplicar los selectores en conflicto y añadir *:first-child+html a los duplicados:

#contenedor {margin : 10px 10px 10px 10px;}
/* Solo para IE7 | gracias por hacerme trabajar de más */
*:first-child+html #contenedor {margin : 2px 2px 2px 2px;}

Así, IE7 pisará el primer estilo y mosrará las cosas como queremos, mientras que los navegadores que leen perfectamente CSS se quedarán con el primero.

This entry was posted on Jueves, agosto 6th, 2009 at 7:03 PM and is filed under General. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.