Herzlich Willkommen

Hier finden Sie kurze Texte und Notizen über CSS, CSS-Layouts, Links zum Thema und Hilfen zu in einem gewissen Browser auftretende Fehler. Ich werde die Einträge sporadisch ergänzen.

Samstag, 29. März 2008

Gullotine-Bug


Führt zu Beschneiden des unteren Bereiches eines floatenden Elementes, wenn User mit Mauszeiger Hover-Effekt bestimmter Links auslöst:


Häufigster Bug, da er durch zahlreiche Mechanismen ausgelöst wird:

  • statischer DIV-Container
  • beliebiges floatendes Element, welches nicht gecleared wird
  • Links innerhalb statischen Container, die im Quelltext nach dem floatenden Element kommen
  • eine a:hover Regel
Innerhalb der a:hover-Regel führt jede Änderung der folgenden Eigenschaften den Bug aus:
background, padding, text-style, border

Workaround

Sicherste Methode ist Clearen der Fliessumgebung durch nachfolgendes leeres DIV auserhalb der statischen Box.
<div style="clear:both"> </div>
Oder: In IE auf Hover-Effekte verzichten.

Keine Kommentare: