Bilder gleichmäßig auf dynamische Breite verteilen

[Garchi]

Moin,

ich wüsste gern mal, ob jemandem zu meinem Problem ne Lösung einfällt.

Ich habe auf meiner Seite einen Contentbereich mit dynamischer Breite (55%) und bin gerade dabei eine Bildergalerie zu erstellen.

Das Problem ist jetzt, auf allen Auflösungen die Thumbnails (140px breit) gleichmäßig zu verteilen.

<div style="width:55%">
    <div class="entry" style="float:left;">
      <img src="blabla.jpg" alt="" />
          Bildtitel
          Uploader
    </div>
    <div class="entry" style="float:left;">
      <img src="blabla.jpg" alt="" />
          Bildtitel
          Uploader
    </div>
</div>

So bleiben die Elemente natürlich alle links kleben und je nach Auflösung ist dann links n hässlicher großer Abstand.
Nehm ich für jedes einzelne Element statt div ein span-element, kann ich zwar alle über "text-align:center" zentrieren, das führt dann aber wieder zu 1000 anderen Problemen.

Jemand ne elegante Lösung?

[th2409]

Wenn Du im Vorfeld weißt, wieviele Thumbnails da zu sehen sein sollen, kannst Du ja die Breite des das Thumbnail umgebenden Elements auf eine Breite setzen. Bei 5 Thumbnails könnte man width: 11% nehmen.
Aber so ganz ohne ist das auch nicht: Die Thumbnails haben ja meist irgendwelche Pixelbreitem, und nun müssen sie in die % hineinpassen (auch auf die gefahjr hin, dass sie zu klein werden). Und es gibt keine "automatische" Entscheidung mehr, wie viele Thumbails in einer Zeile dargestellt werden.