Für meine Homepage möchte ich auf einer Unterseite eine Galerie mit Bildern erstellen. Habe auch ein vorgefertigtes Script adaptiert, HTML, CSS und PHP gehen ja noch, bei JavaScript hakts aber ein bisschen.
Die Vorschaubilder sind als Tabelle organisiert. Die Seitenbreite ist relativ (90% der Gesamtbreite), deshalb wäre es gut, wenn sich die Tabelle ebenfalls an die Seitenbreite anpasst. Wie schaffe ich es nun also (mit JS?), die Menge der Vorschaubilder pro Zeile an die Seitenbreite anzupassen (z.B. 7 Spalten bei 1000px, 6 Spalten bei 800px usw.)?
Indem du die Tabelle mit Javascript baust. Die Daten dafür holst du dir entweder mit ajax oder speicherst sie als json in ein data-irgendwas Attribut.
Aber wenn ich dich nicht außerdem darauf hinweise, dass du das besser mit floatenden divs machst, die eine feste Breite haben und deren horizontale Anzahl sich daher automatisch anpasst, werde ich vermutlich verbal gesteinigt.
Da ein solche Thema ja öfters erscheint, muss ich an dieser Stelle gleich mal eine Frage einwerfen:
Ist Flexbox nicht auch für derartige Dinge geeignet?