WiMu: Bildergalerie mit horizontaler und vertikaler Zentrierung

Beitrag lesen

Hallöle.

Ist mir unendlich peinlich, die Frage ... und ja, ich kenne die Abschnitte zur Zentrierung bei selfhtml; hilft mir aber nicht wirklich weiter.

Folgendes:

Ich hätte gerne eine Galerie mit Vorschau-Bildern, wobei die Galerie selbst horizontal und die Bilder (Hoch- und Querformat) sowohl horizontal, als auch vertikal zentriert sein sollen. Eigentlich kein Problem, aber da je nach Bildschirmgröße unterschiedlich viele Bilder in einer Reihe angezeigt werden sollen, fällt eine Tabelle schon mal flach. Also dann pro Bild ein div und die komplette Galerie ebenfalls als div, ungefähr so:

  
<div id="gallery" align="center">  
	<div class="thumb">  
		<a href="images/großesbild.jpg">  
			<img src="images/kleinesbild.jpg" align="middle" height="jenachdem" width="jenachdem" />  
		</a>  
	</div>  
<!-- usw. -->  
</div>  

Das zugehörige stylesheet (Auszug) sieht z.Zt. so aus:

  
.thumb {  
	height:100px;  
	width:100px;  
	display:inline-block;  
	margin:2px;  
}  

Das Blöde ist nun, dass zwar die Vorschaubilder selbst mittig in der Zeile Positioniert sind, nicht aber die sie umgebenden divs. Zur Verdeutlichung mal mit rotem Hintergrund pro div.thumb:

Wenn ich nun den inline-block rauswerfe und durch inline ersetze, werden natürlich keine Größenangaben interpretiert, und wenn ich die div.thumbs stattdessen floaten lasse, ist zwar alles schön in einer Reihe, aber mir geht meine komplette Zenrierung flöten. Das einzige, was mir einfiele, wäre zu jedem Bild ein passendes margin anzugeben ... das finde ich aber total bescheuert ...

Wie gesagt, ich schähme mich tierisch, aber könnt ihr mir trotzdem helfen?

Grüße,

WiMu