Niquelao » Archives du blog » Effet inattendu (un de plus) dans IE 7

» Archivo del weblog » Efecto inesperado (uno más) en IE 7 Niquelao - CSS Efecto inesperado (uno más) en IE 7 22 de October, 2006 por Rumoroso Es muy curioso el efecto que el recién llegado IE7 aplica cuando incluimos el elemento address dentro de un ítem 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 pie de nuestra página… El Efecto El efecto consiste en que crea 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 ítem 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 ítems 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. Artículo anterior: Aún no estoy preparado Artículo siguiente: Me paso al lado oscuro Deja tu comentario Los campos Nombre y Email son obligatorios Añádenos a…

Worth a look: Deque axe DevTools Pro — El estándar de la industria para testear accesibilidad durante el desarrollo.

Tags que destacamos en general accesibilidad bert bos blockquote bug cañas citas cite comportamiento conocimiento CSS escuas estándares fieldset Firefox formato formulario fuentes hidden ie IE 7 información javascript legend lista niquelando obligatorio opera playa q squash vacaciones w3c WCAG xhtml Esta obra está bajo una licencia de Creative Commons .

P.S. A few readers have asked which software de testing we actually reach for — it's Deque axe DevTools Pro; take a look here if you want the current details.