Gefloatete Divs zentrieren

[hazardrix]

Hallo miteinander,
Ich stehe zur Zeit vor folgendem Problem:
Ich habe die lustigen bunten gelben Zettelchen (divs) auf folgendem Screenshot via float:left innerhalb eines Divs platziert, sodass bei variabler Seitenbreite mal mehr, mal weniger Zettel angezeigt werden.
Mein Problem ist jetzt jedoch, dass ich gerne hätte, dass diese Zettelchen in der Gesamtheit zentriert wären.


Die relevante HTML Struktur:



Meine CSS Auszeichnung:

#stickers_overview {
  font-size:1em;
  margin:0 150px;
}


.sticker_small {
  background-image:url("../img/sticker.png");
  background-repeat:no-repeat;
  float:left;
  font-size:0.8em;
  font-weight:bold;
  height:238px;
  padding-left:15px;
  padding-right:15px;
  padding-top:5px;
  position:static;
  width:200px;
}

Wäre super, wenn ihr mir hierbei weiterhelfen könntet :)

 

[prm]

Da hilft m.E. nur eine entsprechende fixe Breite für den übergeordneten Div.

 

[hazardrix]

hmmm, das ist in diesem Falle defacto nicht möglich, da die breite dynamisch sein muss um eine variable Anzahl an Zetteln in einer Reihe anzuzeigen, jenachdem wie breit halt der Monitor des Nutzers ist.

Ich könnt höchstens was mit Javascript frickeln, aber das wäre relativ unschön.

Gibt es wirklich keinen anderen Weg als mit fester Breite?

 

[threadi]

Entweder ein Blockelement mit einer festen Breite und "margin: auto;" versehen oder keine Blockelemente verwenden und die Inline-Elemente mit "text-align: center;" zentrieren. Geht in deinem Fall aber nur ersteres, da aus meiner Sicht ein Inline-Element für dich keinen Sinn macht. Also ja, es gibt es keinen anderen Weg.