Divs anordnen

[manuell]

Hallo Forum,

leider habe ich keine Idee oder einen Ansatz für mein Problem.
Ich möchte eine Menge von Divs gerne wie auf dem Bild im Anhang anordnen.
Das Problem ist, dass rote Div soll / wird erst durch ein event eingefügt, vorher sind nur die schwarzen divs die alle left floaten.
(Das rote Div kann gerne schon als dummy vorher vorhanden sein)
Wenn ich das rote Div jetzt einfach so einfüge wie die schwarzen, dann nimmt sich das div soviel Platz wie es braucht.
Hier ist ein Beispiel: Edit this Fiddle - jsFiddle - Online Editor for the Web (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS)
Ich hoffe mein Anliegen ist klar geworden.
Es muss nicht nur mit html umgesetzt werden, ob js oder jquery.. egal hauptsache es funktioniert

Danke für die Hilfe.

 

[threadi]

Dir geht es um Anordnung, also um Gestaltung. Gestaltung ist immer ein CSS-Thema, hat mit HTML nicht und mit JavaScript noch weniger zu tun.

Eine Lösung könnte sein, dass Du das rote <div> rechts statt links floatest. Bei meinem Versuch eben klappte es.

Hinweis: Ich weiß zwar nicht, was Du inhaltlich dort reinbringen willst. Aber so eine <div>-Wüste sieht man selten. Verwende eher HTML-Elemente mit semantischer Bedeutung wenn es möglich ist.