CSS para internet explorer

Es aconsejable siempre probar las compatibilidades que tienen nuestros desarrollos en los diferentes navegadores web.
La mayoría de las veces siempre nos da algún que otro problema el famoso navegador de Microsoft Internet Explorer

Para que no nos de ningún problema deberemos declarar diferentes reglas de estilos para Internet Explorer y sus diferentes versiones.

Para versiones de IE 7 y anteriores:

1
<!--[if lt IE 8]>

Para IE 8:

1
<!--[if IE 8]>

Para versiones de IE 8 en adelante:

1
<!--[if gte IE 8]>

Para ello deberemos:

Crear una nueva hoja de estilos para Internet Explorer que se puede llamar ie.css

Probar que nuestro desarrollo funcione perfectamente en el navegador, y si no es así con la tecla F12 (Herramientas de desarrollo para Internet Explorer) podremos crear nuevas reglas CSS que utlizaremos para añadirselas luego a nuestros archivo ie.css ya creado.

Lo único que nos queda es declarar la ruta a nuestros archivo ie.css entre las etiquetas de nuestro desarrollo.
Ejemplo:

1
2
3
4
5
6
7
8
9
10
11
<!-- [if IE 8]>
                                            <link href="css/ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
 
<!-- [if lt IE 8]>
                                            <link href="css/ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
 
<!-- [if gte IE 8]>
                                            <link href="css/ie.css" rel="stylesheet" type="text/css" />
<![endif]-->

 

The following two tabs change content below.
vaqueroandreu@gmail.com'
Desarrollador Web Freelance / Asesor de Estrategias de Marcas online / Consultor SEO. Seguimos aprendiendo..
vaqueroandreu@gmail.com'

Latest posts by vaqueroandreu (see all)

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

A %d blogueros les gusta esto: