compartecodigo.com

La compatibilidad CSS de los navegadores es algo que conlleva problemas a diseñadores y programadores. Existen varias maneras para diferenciar el CSS que queremos asignar solamente a Internet Explorer en sus diferentes versiones.

Opcion A:

La primera manera es crear diferentes hojas CSS (si necesitamos que nuestras hojas de estilo sean válidas, deberemos elegir esta opción). Para realizar esta opción sólo debemos tener en cuenta la siguiente sintaxi a la hora de llamar a los archivos CSS:

Hoja de estilos (general)

1

<link rel="stylesheet" type="text/css" href="css/global.css" />

Hoja de estilos para todas las versiones de Internet Explorer

1
2
3

<!--[if IE ]>
<link rel="stylesheet" href="http://compartecodigo.com/wp-content/themes/compartecodigo/style-ie.css" type="text/css" media="screen" />
<![endif]-->

Hoja de estilos para Internet Explorer 6 o versiones inferiores

1
2

<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="css/ie_hacks.css"/>
<![endif]-->

Hoja de estilos para Internet Explorer 7

1
2

<!--[if IE 7]><link rel="stylesheet" type="text/css" href="css/ie7_hacks.css"/>
<![endif]-->

Opcion B

La segunda opción es insertar los hacks en el CSS, de la siguiente manera:

Hacks para Internet Explorer 6 o versiones inferiores

1
2

Sintaxi: -propiedad: valores;
Ejemplo: -margin: 0 0 10px 0;

Hacks para Internet Explorer 7

1
2

Sintaxi: #propiedad: valores;
Ejemplo: #margin: 0 0 10px 0;

Entradas relacionadas:

1. Hacks para Opera y Safari