Interessant, danke. An absolute innerhalb von relative habe ich nicht gedacht. Wobei das Argument, daß es so in allen Browsern funktioniert, relativ nebensächlich ist. Das Design ist für 'n privates Projekt und ich hab sowieso schon heftig HTML5 und CSS3 benutzt (hsla()-Farben ftw ^^), da macht's dann die flexbox auch nicht mehr aus.
Du kannst auch einfach im die beiden nebeneinander liegenden Boxen (Rot) position:static lassen (Standard).
Dann in der linken Box (Blau) float:left; und in der rechten Box (Grün) clear:right;. Dann kannst du diese Box per margin-left neben die linke Box schieben.
Auch dabei bleibt der Elementfluss um die rote Box erhalten.
Kompatibel zu allen gängigen Browsern (auch IE6).
--Ich widerspreche der Nutzung oder Übermittlung meiner Daten für Werbezwecke oder für die Markt- und Meinungsforschung (§ 28 Absatz 3 und 4 Bundesdatenschutzgesetz).
Ich glaube, du hast das Ziel genau umgedreht: Es sollte gerade KEIN Textfluss um die rote Box stattfinden, sondern stattdessen darunter Leerraum sein. Außerdem bringt clear:right; genau gar nichts, wenn vorher kein Element mit float:right; aufgetaucht ist.Zitat von Bluescreen
Uhm, ich weiß jetzt nicht, ob ich das Problem missverstanden hab, aber eigentlich sollte es reichen, A ein margin-right: 200px zu verpassen und den Rest zu lassen, wie er ist.
--
Zitieren
