DIVs nebeneinander und zentriert...

[Oliver Dannat]

Hallo,

ich möchte eine gewisse Anzahl (<- dynamisch anpassbar, da die HTML-Seite über ein Script generiert wird) von DIV Containern nebeneinander anordnen und das ganze dann zentriert darstellen. Die Anordnung bekomme ich mit 'float: left;' hin, leider ist es mir bisher nicht gelungen zu zentrieren.

Ich habe mal ein Beispiel gebaut:
http://www.oliverdannat.de/css_problem/index.html
Die DIVs mit den Bildern sollen im umschließenden, grauhinterlegten DIV zentriert dargestellt werden.

Mein Stylesheet liegt hier:
http://www.oliverdannat.de/css_problem/style.css

Ich habe mit HTML, CSS noch nicht so viel gemacht, deshalb stehe ich momentan ohne Idee da. Meine bisherige Suche im Web hat auch nichts gebracht. Ich dachte, wenn ich das Ganze in einen umschließenden DIV Container stecke, dessen Größe sich automatisch an den Inhalt anpasst, klappt auch das zentrieren. Leider ist mir nicht klar, wie man so einen Container erzeugt. Lass ich das width Attribut weg, wird auf die ganze Seite aufgezogen, ist width zu klein gewählt, geht's auch nicht...

Hat jemand von Euch vielleicht eine Idee? Bin für jede Hilfe dankbar.

Danke & Viele Grüße, Oliver