molily: Problem mit Faux columns

Beitrag lesen

Hallo,

Ja, CSS ist in der Hinsicht einfach _längst_ noch nicht weit genug.

Ist das so? display: table gibt es seit CSS 2.1 (1998) und 2009 erschien der erste IE mit Unterstützung dafür (Version 8, heute sind wir bei Version 11). Flexbox wurde auch schon angesprochen – es wird von allen aktuellen Browsern unterstützt.

Wahrscheinlich werde ich jetzt von einigen hier für diesen Vorschlag geköpft

Nein, hier wird hoffentlich niemand geköpft. Es werden höchstens sachliche Inkorrektheiten richtig gestellt und ergänzt.

aber es ist wesentlich besser die CSS Schwächen durch Javascript auszubügeln, als sie durch HTML Workarounds auszubessern, die nur den Sinn haben das Design zu beeinflussen.

Das ist im Allgemeinen richtig. Aber Faux-Columns-Lösungen für Floats werden schon seit neun (!) Jahren diskutiert und die Lösungen sind sehr robust. Dasselbe gilt für display: table. Und selbst für Flexbox lässt sich (je nach Komplexität des Layouts) recht robust einsetzen, wenn es einen Fallback für ältere Browser gibt. Großartige HTML-Workarounds sind dafür nicht nötig. Es gibt zudem dutzende ausgereifte kostenlose Frameworks, die Spaltenlayouts zum Kinderspiel machen – man muss das Rad nicht neu erfinden.

Wir sind nicht mehr im Jahr 2002, wo man noch groß diskutieren musste, ob und wie simple Layouts mit CSS möglich sind. Mein Artikel von Januar 2006 (!) zum Thema ist immer noch lesenswert und beschäftigt sich auch mit gleich langen Spalten:
Grundlagen für Spaltenlayout mit CSS

Mathias