clear auf einen Bereich beschränken

[tontechniker]

Ich habe ein kleines Problem mit der Positionierung von Bildern innerhalb eines Textes. Ich würde Bildern gerne flexibel, ähnlich der Wikipedia, innerhalb eines Textes positionieren. Das Problem dabei ist, dass sich Elemente die auf der linken Seite gefloatet werden nicht über der Höhe der linken Spalte positionieren. Das geht nur dann wenn die Bilder kein clear: left haben, dann rutschen sie allerdings nebeneinander wenn sie zu schmal sind. Gibt es einen Lösungsansatz mit dem sich das Problem verhindern lässt?

Beispiele:

• http://tontechniker.webkassel.de/dev/clear.html - mit clear: left
• http://tontechniker.webkassel.de/dev/no-clear.html - ohne clear: left

[pekka]

Ich verstehe das Problem nicht. Kannst du grafisch zeigen was du erreichen willst?

[Wyveres]

also das versteh ich jetzt auch nicht ....

[tontechniker]

Ich möchte erreichen, dass die Bilder oben links untereinander gefloatet werden. Also im Prinzip so wie bei der Variante mit clear, nur das die Bilder sich am oberen Rand ausrichten sollen - so wie hier.

Um noch mal das Problem zu beschreiben: Die gefloateten Bilder brauchen auf jeden Fall ein clear, damit untereinander rutschen. Das Problem dabei ist aber, dass sich das auch auf die nach links gefloatete Spalte auswirkt, in der zum Beispiel ein Menu ist. Durch diese Auswirkung wird das oberste Bild immer erst an der unterhalb des Inhalts der linken Spalte positioniert - hier ein Extrembeispiel.

[pekka]

Ich verstehs immer noch nicht. Zeichne mal auf was Du haben willst.

[tontechniker]

Ich verstehs immer noch nicht. Zeichne mal auf was Du haben willst.

Skizze.

[jahlives]

...dann rutschen sie allerdings nebeneinander wenn sie zu schmal sind. Gibt es einen Lösungsansatz mit dem sich das Problem verhindern lässt?

Quick and Dirty: Ein <br /> zwischen den Bildern?

[pekka]

Mmm da wirst du nicht um einen 2. Container drumrumkommen, der left floatet und innerhalb dessen du dann wieder clearen kannst.
Nachvollziehbar?

[tontechniker]

Quick and Dirty: Ein <br /> zwischen den Bildern?

Unschön und unpraktisch

Mmm da wirst du nicht um einen 2. Container drumrumkommen, der left floatet und innerhalb dessen du dann wieder clearen kannst. Nachvollziehbar?

Wunderbar, so klappst. Hab jetzt erstmal einen zusätzlichen Container genommen, evtl. reicht es auch den #center-Container zu floaten. Danke