Henning: Variable Div-Auflistung (gefloated) zentriert darstellen

Beitrag lesen

Guten Abend,

ich habe jetzt schon länger rumgesucht und leider zum Thema nichts passendes gefunden. Folgende Situation:

Ich habe für eine Seite eine (unbestimmte) Reihe von Boxen, die nebeneinander aufgelistet werden. Diese Boxen enthalten ein Hintergrundbild, Text, ein Schmuckbild und eine Verlinkung, daher habe ich in dem Fall mit Div gearbeitet, eine feste Breite und Höhe gegeben und die Elemente mit float:left versehen. Sie reihen sich schön nebeneinander, wie Spielkarten. Soweit so gut.

Nun sollen diese Boxen in der Mitte aber zentriert angezeigt werden, also so wie zentrierter Text. Abstand links und rechts gleich, die letzte Zeile, die ggf. weniger Boxen hat, ebenfalls!

Da der Container aussenrum  einen prozentualen Anteil der Seitenbreite hat und somit unterschiedlich  breit sein kann, weiß ich auch nicht, wie viele von den Boxen in eine Zeile passen.

So sieht es aus:
http://www.bilderhoster.net/safeforbilder/4csf4cyl.jpg

Und so soll es aussehen:
http://www.bilderhoster.net/safeforbilder/7vgyg5wf.jpg

Breite und Höhe vom roten Bereich sind flexibel, die grünen sind fest.

Ich habe zwar Anleitungen zum zentrieren gefloateter Elemente gefunden, aber die waren immer nur einzeilig. Hat jemand eine Idee? Bin für jede Hilfe dankbar.

Vielen Dank!