✔ Elemente in einem Grid anordnen

[lolhonk]

Hi,

ich versuche gerade ein paar Bilder in einem Grid anzuordnen, allerdings soll es so sein, dass die Bilder immer den gleichen Abstand zu den anderen Bildern haben, sich also an die Größe der anderen Bilder "anpassen"

ich hab mal ein Beispiel rausgesucht wo man es gut sieht was ich meine:

erstmal mein Versuch:

http://www.makro-treff.de/zircon3/gallerie-kategorien/makrofotografie

dann so wie es aussehen sollte:

http://www.lunarclips.com/galleria-folio

kann mir jemand tipps geben wie ich das mit css hinbekomme?

LG

 

[tombe]

Keine Ahnung ob das hilft:

<style type="text/css">
.spalte1
	{
		position: absolute;
		left: 50px;
		top: 50px;
		width: 200px;
		height: auto;
		border: 1px solid;
	}
.spalte2
	{
		position: absolute;
		left: 255px;
		top: 50px;
		width: 200px;
		height: auto;
		border: 1px solid;
	}
.spalte3
	{
		position: absolute;
		left: 460px;
		top: 50px;
		width: 200px;
		height: auto;
		border: 1px solid;
	}
.bild
	{
		width: 90%;
		padding: 5px;
	}
</style>
<div class="spalte1">
	<img src="pic/1.png" class="bild" />
	<br />
	<img src="pic/2.png" class="bild" />
	<br />
	<img src="pic/3.png" class="bild" />
</div>

<div class="spalte2">
	<img src="pic/4.png" class="bild" />
	<br />
	<img src="pic/5.png" class="bild" />
</div>
<div class="spalte3">
	<img src="pic/6.png" class="bild" />
	<br />
	<img src="pic/7.png" class="bild" />
	<br />
	<img src="pic/8.png" class="bild" />
</div>

 

[lolhonk]

Super habs nun hinbekommen! Allerdings habe ich mit -moz-column-count gearbeitet