Comentarios condicionales de Internet Explorer

Cualquier diseñador/maquetador de páginas web se habrá pegado con Explorer en todas sus versiones para que la web se vea correctamente en todos los navegadores. Los que suelen dar más problemas con el css es Internet Explorer 6 y anteriores. En lugar de "manchar" nuestra css con hacks para que se vea bien, podemos utilizar un css diferente que solo se cargue cuando el navegador del usuario sea Explorer6 o anteriores.

Lo conseguiremos utilizando los comentarios condicionales (dentro del head):

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

La anterior condición es la más utilizada, cargará el css si el navegador del usuario es Explorer 6 o anteriores.

A continuación una explicación de todas las opciones:

[if IE] -> Si el explorador es Intener Explorer (cualquier versión)

[if IE 7] -> El valor de la versión IE (En este caso, el 7)

[if !IE] -> El valor NOT, invierte el significado de la expresión.

[if lt IE 7] -> Menor que

[if lte IE 6] -> Menor o igual que

[if gt IE 6] -> Mayor que

[if gte IE 7] -> Mayor o igual que

[if !(IE 7)] -> Invierte el significado de la expresión entre parentesis.

[if (gt IE 5)&(lt IE 7)] -> Operador lógico AND

[if (IE 6)|(IE 7)] -> Operador lógico OR