Cómo asignar un CSS especial para IE en nuestro blog
Este es uno de esos sencillos trucos que pueden sacarnos de más de un apuro. Los anchos especiales para Internet Explorer y otros hacks se pueden resolver directamente en el CSS de nuestro blog WordPress. Pero, a veces, es más cómodo tener otro archivo CSS diferente donde aplicar las excepciones. ¿Cómo hacer que la página adquiera las instrucciones especiales dependiendo del navegador?. Abre el archivo header.php y sitúa el siguiente código justo antes de la sentencia <?php wp_head(); ?>.
<!–[if IE]>
<link rel=”stylesheet” href=”<?php bloginfo(‘template_directory’); ?>/ie.css” type=”text/css” media=”screen, projection”>
<![endif]–>
Si quisieras alguna actuación especial para el navegador IE6, puedes añadir después:
<!–[if IE6]>
<link rel=”stylesheet” href=”<?php bloginfo(‘template_directory’); ?>/ie6.css” type=”text/css” media=”screen, projection”>
<![endif]–>
Solo tendrás que configurar adecuadamente los archivos ie.css e ie6.css con las excepciones necesarias para adaptar el blog a dichas versiones de Internet Explorer.
noviembre 3rd, 2008 a las 10:11 am
En lugar de añadir otra hoja para ie6, en la misma hoja ie.css podemos jugar con las declaraciones para que afecten a ie6 a ie7 o a los dos:
si hacemos una selección de un id del tipo:
#footer p {margin-bottom: 12px;} afectará a todos los internet explorer
si en cambio añadimos *html antes de la declaración:
*html #footer p {margin-bottom: 12px;} entonces sólo afectará a ie 6
Un saludo.