Mehrere Spalten, die immer in eine Reihe passen

Aktuell bekam ich ein Layout zur Überarbeitung, in welchem die li einer Liste als Spalten fungierten. Problematik ist bei solchen Layouts, dass die Spalten (fixe Breite) sich meist nur bei einer Auflösung formschön in das Layout einpassen. Ist das Rahmenlayout fluid angelegt, werden bei kleineren Auflösungen weniger Spalten angezeigt, bei größeren mehr. Meist passt aber dann die Anzahl nicht mehr genau in den dafür vorgesehen Bereich und es entstehen unschöne Leerräume.

Die andere Möglichkeit ist mit Prozenten und statt vollständig fluid mit einer begrenzten Flexibilität zu arbeiten. Mit geschicktem Austarieren der Breiten kann man es durchaus hin bekommen, dass die Spalten sich gleichmäßig verteilen, auch wenn es in der kleineren Auflösung möglichweise weniger sind als in der größeren. Ist aber zugegeben etwas mühsam und verbraucht Zeit und Geduld.

Auf sohtanaka.com wird jedoch noch eine weitere Möglichkeit im Zusammenspiel mit jQuery vorgestellt. Via jQuery wird bei fixen Breiten der entstehend Leerraum auf die Spalten gleichmäßig verteilt.

1 Gedanke zu „Mehrere Spalten, die immer in eine Reihe passen“

  1. Finde ich eine schöne Möglichkeit! Müsste man aber mal schauen, ob dadurch nicht ein Springen der Seite verursacht wird (weil das Setzen passiert ja erst bei onLoad). An sich aber eine schöne Idee!

Kommentare sind geschlossen.