clear-Problem
Verfasst: 03.01.2006 11:26
Hi @all,
ich habe mal wieder ein kleines Problem mit einem CSS-basierten Layout:
http://www.notabene-edition.de/noten.html
Der Text unter dem fettgedruckten Autor wird in 2 Sprachen dargestellt, links deutsch und rechts englisch. Wenn jetzt aber der englische Text kürzer ist wie der deutsche, rutscht der deutsche Text in die dunkelgelbe Thumbnail-Box. Normalerweise würde ich in so einem Fall einfach <br style="clear: left" /> verwenden, da ich die Zweispaltigkeit mit float gemacht habe. Jedoch tritt genau dann mein Problem auf: Da der Internet Explorer min-height nicht unterstützt, das rote Hintergrundbild aber mindestens einmal komplett angezeigt werden soll, musste ich das mit leeren div's lösen, die wiederum float:left bzw. clear:left verwenden. Wenn ich jetzt vorher schon clear verwende, wird auch das float des leeren div aufgelöst und der komplette Inhalt rutscht unter dieses div.
Nun aber zu meiner Frage: Gibt es eine Möglichkeit, mehrere float:left und clear:left verschachtelt zu verwenden oder wird das von CSS nicht unterstützt?
ich habe mal wieder ein kleines Problem mit einem CSS-basierten Layout:
http://www.notabene-edition.de/noten.html
Der Text unter dem fettgedruckten Autor wird in 2 Sprachen dargestellt, links deutsch und rechts englisch. Wenn jetzt aber der englische Text kürzer ist wie der deutsche, rutscht der deutsche Text in die dunkelgelbe Thumbnail-Box. Normalerweise würde ich in so einem Fall einfach <br style="clear: left" /> verwenden, da ich die Zweispaltigkeit mit float gemacht habe. Jedoch tritt genau dann mein Problem auf: Da der Internet Explorer min-height nicht unterstützt, das rote Hintergrundbild aber mindestens einmal komplett angezeigt werden soll, musste ich das mit leeren div's lösen, die wiederum float:left bzw. clear:left verwenden. Wenn ich jetzt vorher schon clear verwende, wird auch das float des leeren div aufgelöst und der komplette Inhalt rutscht unter dieses div.
Nun aber zu meiner Frage: Gibt es eine Möglichkeit, mehrere float:left und clear:left verschachtelt zu verwenden oder wird das von CSS nicht unterstützt?
Vor allem das zweite dürfte hilfreich sein.