Efecto inesperado (uno más) en IE 7

Es muy curioso el efecto que el recien llegado IE7 aplica cuando incluimos el elemento address dentro de un item de lista y a su vez flotamos esta a la derecha. Podréis preguntaros en qué situación se aplicarían estas propiedades a estos elementos… pues fácil: cuando ponemos nuestra dirección a la derecha en el pié de nuestra página…

El Efecto

El efecto consiste en que crea a a la derecha del elemento un espacio igual de largo que el espacio que hay entre los extremos izquierdos del documento y del propio elemento. Evidentemente no hace nada más que molestar…

Se puede apreciar usando IE7 para acceder al ejemplo.

La Solución

Lo que está ocurriendo es un desbordamiento del contenido (ese contenido imaginario que sólo IE ve), con lo que la solución pasa por aplicar un overflow: hidden al item de lista y… listo.

Si lo aplicásemos al body podría no aparecer el scroll vertical. Si lo aplicamos a la ul, tendríamos que compensar el que en Firefox la lista se pone a la derecha pero los items se alinean entre ellos a la izquierda (curioso).

Esta entrada fue publicada en CSS. Guarda el enlace permanente.

Deja un comentario

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

*

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>


Fatal error: Cannot redeclare class sk2_blacklist_plugin in /home/niquelao/niquelao.net/wp-content/plugins/SK2/sk2_plugins/sk2_blacklist_plugin.php on line 250