WiMu: Bildergalerie mit horizontaler und vertikaler Zentrierung

Beitrag lesen

Moin,

Schämen musst Du Dich nur für das Nichtbenutzen der Archivsuche, denn das Thema ist nicht trivial und wird durchaus kontrovers diskutiert.

Die habe ich durchaus benutzt, und auch länger gegoogelt ... aber genau das, was ich suche eben nicht gefunden

Ich gestehe, ich mogle mich derzeit noch darum herum, da ich meine Galerie eh mit PHP erzeuge und die passenden paddings einsetzen kann...

Ich erzeuge meine Gelerie ebenfalls mit PHP und könnte auch problemlos passende paddings oder margins einsetzen, aber das finde ich - wie schon geschrieben - irgendwie doof, schon alleine, da ich dann inline-stylesheets benutzen müsste und dies den Quelltext erheblich aufblähen würde.

Als Notlösung habe ich nun um jedes einzelne Voschau-Bild eine quadratische Tabelle gepackt, die jeweils floatet:

  
<table class="thumb" cellspacing="0" cellpadding="0">  
	<tr valign="middle">  
		<td align="center">  
			<a href="images/groß.jpg">  
				<img src="images/klein.jpg" />  
			</a>  
		</td>  
	</tr>  
</table>  
<!-- usw. -->  

Auch nicht das gelbe vom Ei. Nun ist zwar alles schön angeordnet, aber die Gelerie als ganzes lässt sich wegen des floats nicht auf der Seite zentrieren (oder ich müsste wieder eine feste Breite angeben und per margin:auto ... was ich ja nicht wollte). Eigentlich müsste auch alles funktionieren, wenn ich stattdessen die Tabellen als inline-block darstellen lasse, aber dann kriege ich dumme Abstände zwischen den einzelnen Tabellen, die von browser zu browser variieren (v.a. der Opera zickt ... und IE<8 kann das gar nicht); doof, da ein javascript das Ganze auf mehrere Seiten verteilen soll und ich dazu wissen muss, wieviel Platz x Vorschaubilder einnehmen.

Naja, trotzdem erstmal danke ... ich schau' mir das mit den a-tags mal an; aber wahrscheinlich pfeif' ich lieber auf die Symmetrie (ist auch so hübsch genug)

Grüße,

WiMu