Internet Explorer y CSS

Nuestro amigo Internet Explorer, es un poco rebelde en cuando a formateos, maqueteos, etc. usando hojas de estilo (css).

Pues bien, aquí van tres de truquillos para hacer nuestras webs más amigables a todos los navegadores:

1.- Lo que sólo va con IE. Si sabemos qué es lo que nos está fallando en nuestro código css, y sabemos que modificando sus valores, podría funcionar en IE, una solución (para mi gusto poco elegante, pero práctica), es ponerle una barra / delante del código para que éste sólo sea interpretado por IE. Por ejemplo:

padding: 10px; (esto me funciona bien con FF, pero no con IE)

/padding: 12px; (esto hace que funcione en IE)

Es decir, ponemos ambas líneas.

2.- Reseteo de los valores del css:

Un gran trabajo hecho por los chicos de objetivo creativo ha sido crear un archivo css que lo que hace es inicializar ciertos valores que harán que nuestras webs se adapten mejor a la W3C. Para usarlo tan solo tenemos que enlazar el archivo que os podéis bajar de la web de estos chicos.

3.- Hacer una hoja de estilo para cada navegador:

Es decir, separar los valores del css que en IE son distintos. Para ello, enlazamos las dos css así:

<link href="http://www.miweb.com/css/estilo.css"
rel="stylesheet" type="text/css">

<link href="http://www.miweb.com/css/estiloIE.css"
 rel="stylesheet" type="text/css">

Y luego pondríamos el siguiente código para filtrar:

<!–[if IE]> ((Este sería el llamado que solo IE reconoce))

<!–[endif]–>