flashnfantasy: Opera: absolute Position von DIVs + Floats = Mess

Beitrag lesen

Diese Kombination von Elementen erzeugt nur beim Opera Probleme:

  • ich verwende eine DIV mit position:absolute
  • innerhalb dieser DIV kommen Float-Elemente vor.
  • auf gleicher Höhe kommen ausserhalb dieser DIV Float-Elemente vor.
  • um die Floats innerhalb der absoluten DIV fließt Text, den ich mit einem Element abschliesse, das die CSS-Eigenschaft clear:both hat

Nun reagiert nur der Opera etwas unerwartet:
Das abschliessende Element berücksichtig auch Floats ausserhalb der absolut positionierten DIV.

Also meine Frage, speziell an die Opera-Fans:

Wie kann ich bei einem Element mit der CSS-Eigenschaft clear:both bewirken, daß das clear sich nur auf die Floats innerhalb der DIV bezieht ?

Kleine Infos am Rande (was ich schon berücksichtige):

  • die absolut positionierte DIV ist schon unterhalb des BODY-Tags eingehängt
  • der Entstehungsort der absolut positionierte DIV (sie wird dynamisch erzeugt durch einen Script) ist entscheident für die Floats, die clear berücksichtigt, auch wenn es anscheinend keinen Zusammenhang zwischen den Elementen gibt.

Es scheint, als Opera beim clear alle Floats berücksichtigt, wärend IE und Mozilla nur die Floats berücksichtigt, die in einem gewissen logischen Kontext stehen zum Element stehen.