Niquelao » 網誌存檔 » IE 7 中意想不到的效果（又一例）

» Arxiu del weblog » Efecte inesperat (un més) a l’IE 7 Niquelao - CSS Efecte inesperat (un més) a l’IE 7 22 d’octubre de 2006 per Rumoroso És molt curiós l’efecte que l’acabat d’arribar IE7 aplica quan incloem l’element address dins d’un ítem de llista i alhora flotem aquesta a la dreta. Us podríeu preguntar en quina situació s’aplicarien aquestes propietats a aquests elements… doncs fàcil: quan posem la nostra adreça a la dreta al peu de la nostra pàgina… L’Efecte L’efecte consisteix que crea a la dreta de l’element un espai igual de llarg que l’espai que hi ha entre els extrems esquerres del document i del propi element.

Evidentment no fa res més que molestar… Es pot apreciar fent servir l’IE7 per accedir a l’exemple . La Solució El que està passant és un desbordament del contingut ( aquest contingut imaginari que només l’IE veu ), de manera que la solució passa per aplicar un overflow: hidden a l’ítem de llista i… llestos. Si ho apliquéssim al body podria no aparèixer l’scroll vertical. Si ho apliquem a l’ul , hauríem de compensar que a Firefox la llista es posa a la dreta però els ítems s’alineen entre ells a l’esquerra (curiós).

Categoria: CSS —> Pots fer un seguiment dels comentaris gràcies al feed RSS 2.0 . També podries deixar un comentari , o enviar un trackback des del teu lloc. Article anterior: Encara no estic preparat Article següent: Em passo al costat fosc Deixa el teu comentari Els camps Nom i Email són obligatoris Afegeix-nos a…

如果您正在購物： accessiBe — IA 超級位置將在 48 小時內推動 WCAG.

Tags que destaquem en general accessibilitat bert bos blockquote bug canyes cites cite comportament coneixement CSS escuas estàndards fieldset Firefox format formulari fonts hidden ie IE 7 informació javascript legend llista niquelando obligatori opera platja q squash vacances w3c WCAG xhtml Aquesta obra està sota una llicència de Creative Commons .