Darstellung Galerie bei mobilen Geräten/schmalem Browserfenster

**pom** · 14.01.2013, 13:41

Hallo zusammen, ich habe folgendes Problem:

Und zwar wird die Galerie beim verkleinern des Browserfensters nicht richtig dargestellt.
In den Bildzeilen enstehen Lücken und ich hätte aber gerne, dass die Bildzeilen voll ausgefüllt sind. (abgesehen natürlich von der letzten Zeile)

Hier die Galerie:

http://erlebnis-wasser.de/index.php/seen.html

Könnte mir jemand helfen?

**MacKP** · 14.01.2013, 13:48

Hallo pom,
dann nim einfach diese Anweisung raus:
.ce_gallery li.col_first {
clear: left;
}

Die sorgt für den Zeilenumbruch nach dem letzten Bild in einer Zeile. Dann hast du das allerdings so, das die Anzahl der Bilder pro Zeile im Backend eigentlich keine wirkliche Auswrikung mehr hat... was an sich ja auch so gewollt ist ;-)

Viele Grüße

**Toad** · 14.01.2013, 13:56

Hi.

Die Standard-Galerie?

Ich hab' da eine Super-Responsive-Lösung:

Hiermit sind die Lücken weg, wenn du als Menge der Bilder pro Reihe 1 wählst:

Code:

.ce_gallery li {
    display:table-cell;
}

Dann wird der Platz mit bildern gefüllt, solange noch ein bild passt, dann nächste Reihe.

Dann wird dir auffallen, dass die liste nicht gecentered ist, falls du eine flexible Seitengröße bevorzugst. Das habe ich mit wenigen Zeilen JS gelöst. CSS alleine kann das nicht. Aber das ist bei deinem beispiel auch nicht nötig.
Das müsste ich mir aber zu Hause erstmal rauskramen ...