Efecto inesperado (uno más) en IE 7
22 de October, 2006 por RumorosoEs 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).
Categoría: CSS
Puedes hacer un seguimiento de los comentarios gracias al feed RSS 2.0. También podrías dejar un comentario, o enviar un trackback desde tu sitio.
Añádenos a...