clear-Problem

[S2B]

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?

[S2B]

*schieb*

Naa, wo sind die ganzen CSS-Freaks?

[larsneo]

1. minmax für den IE: http://www.doxdesk.com/software/js/minmax.html
2. clearing ohne das layout zu verbretzeln: http://www.positioniseverything.net/easyclearing.html

[S2B]

Danke. Vor allem das zweite dürfte hilfreich sein.