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!