DIVs nebeneinander und zentriert...

[Ingo Turski]

Hi,

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.

das ist auch grundsätzlich schlecht möglich. Wenn Du float benutzt, fällt text-align zur Zentrierung weg und bei display:inline kannst Du keine Breiten angeben.

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.

Das ist in diesem Fall überhaupt kein Problem:

.main {  
  width: 660px;  
  padding: 15px 65px;  
  background: silver;  
  margin: 0px auto;  
}

Schwierig bis unmöglich - ohne server- oder clientseitige Berechnung - wird es bei variablen Breiten.

freundliche Grüße
Ingo