molily: Nehme ich dazu eine Tabelle?

Beitrag lesen

Hallo,

nehme ich für diese Darstellung eine Tabelle oder wie würdet ihr dieses machen? Hab gelesen Tabellen sind nicht so gut bzw. machen beim responsiven Webdesign ärger.

Inhaltlich wäre eine Tabelle durchaus passend.

Tabellen sind aus CSS-Sicht nicht besser oder schlechter, man kann sie für schmale Viewports komplett umformatieren. Tabellen bringen aber ein Standardlayout mit, dass sich nur durch das Überschreiben von vielen display-Eigenschaften ändern lässt.

http://s1.directupload.net/images/140513/9v9d8odl.png

Das sieht nach einem Anwendungsfall für CSS Multicolumn-Layout aus. Damit lässt sich bei breitem Viewport eine Mehrspaltigkeit erzeugen, bei der der Inhalt automatisch auf die Spalten verteilt wird. Bei schmalem Viewport gibt es keine Mehrspaltigkeit, so dass der Inhalt untereinander liegt.

In dem Fall würde ich nicht mit einer Tabelle arbeiten, sondern mit einer einfachen Liste und zusätzlichen div- oder span-Elementen, sofern nötig.

http://webkrauts.de/artikel/2011/css3-im-praxistest-multi-column-layout
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Using_multi-column_layouts
http://forum.de.selfhtml.org/archiv/2009/10/t191245/#m1275378
http://forum.de.selfhtml.org/archiv/2013/3/t213192/#m1457288

Grüße
Mathias