Niquelao » Weblog-Archiv » Unerwarteter Effekt (noch einer) im IE 7

» Archiv des Weblogs » Unerwarteter Effekt (noch einer) im IE 7 Niquelao - CSS Unerwarteter Effekt (noch einer) im IE 7 22. Oktober 2006 von Rumoroso Es ist höchst merkwürdig, welchen Effekt der frisch angekommene IE7 erzeugt, wenn wir das address-Element innerhalb eines Listenelements platzieren und dieses zudem nach rechts floaten lassen.

Sie werden sich vielleicht fragen, in welcher Situation diese Eigenschaften auf diese Elemente angewendet würden… Nun, ganz einfach: Wenn wir unsere Adresse rechts im Fußbereich unserer Seite positionieren… Der Effekt Der Effekt besteht darin, dass rechts neben dem Element ein Freiraum entsteht, der genau so breit ist wie der Abstand zwischen dem linken Rand des Dokuments und dem linken Rand des Elements selbst. Offensichtlich dient dies nur der Verärgerung… Man kann dies beobachten, indem man das Beispiel mit dem IE7 aufruft .

Die Lösung Was hier geschieht, ist ein Überlaufen des Inhalts (dieser imaginäre Inhalt, den nur der IE sieht). Die Lösung besteht daher darin, overflow: hidden auf das Listenelement anzuwenden – und fertig. Würden wir es auf das body-Element anwenden, könnte die vertikale Scrollleiste verschwinden.

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

Würden wir es auf die ul anwenden, müssten wir kompensieren, dass in Firefox die Liste zwar nach rechts rückt, die Listenelemente themselves jedoch linksbündig ausgerichtet werden (merkwürdig). Kategorie: CSS —> Sie können den Kommentaren dank des RSS 2.0 Feeds folgen . Sie können auch einen Kommentar hinterlassen oder einen Trackback von Ihrer Website senden .

Vorheriger Artikel: Ich bin noch nicht soweit Nächster Artikel: Ich wechsle auf die dunkle Seite Hinterlassen Sie Ihren Kommentar Die Felder Name und E-Mail sind Pflichtfelder Fügen Sie uns hinzu… Tags, die wir allgemein hervorheben 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 Dieses Werk ist unter einer Creative Commons Lizenz lizenziert .

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.