CSS específico para Internet Explorer

Supongo que todos los que utilizais CSS habeis tenido que partiros la cabeza para conseguir que se viera bien y varios navegadores como por Ejemplo en IE y Firefox(por nombrar los dos más importantes). Pues bien, he aquí un truquillo que os podrá ayudar en bastantes situaciones del desarrollo web con los estilos.

//Código CSS para cualquier navegador

<style type="text/css">
div#mi_estilo{
position:relative;
top:10px;
}
</style>

//Código específico para IE

<!--[if IE]>
<style type="text/css">
div#mi_estilo{
position:relative;
top:20px;
}
</style>
<![endif]-->

Con esta pequeña condición en caso de entrar con IE se detectará y se le aplicará un nuevo CSS.

0 comentarios: