Grid?

[lascaux]

Hallo Leute,

ich frage mich gerade, wie man das, was auf dem Bild (divs) zu sehen ist, mit CSS umsetzen kann? Weiß einer wie das geht und mir ggf. einen Link zu einem Tutorial geben?

 

[threadi]

Versuchs mal mit den flex-Eigenschaften:
http://css-tricks.com/snippets/css/a-guide-to-flexbox/
(geht nur in aktuellen Browsern)

 

[MrMurphy]

Hallo,

da in einem anderen Forum eine ähnliche Lösung gefragt war habe ich gleich mal zwei Beispiele mit Responsive Design parat:

Mit Flexbox:

http://foreninfo.bplaced.net/seiten...8_07_sturmverliebt_01_bilder_dreispaltig.html

Mit Multicolumn:

http://foreninfo.bplaced.net/seiten...8_07_sturmverliebt_02_bilder_dreispaltig.html

(geht nur in aktuellen Browsern)

Den Hinweis verstehe ich jetzt nicht so recht.

nur??? Flexbox und Multicolumn funktionieren in über 95% aller aktuell genutzten Browser, mit steigender Tendenz.

Und in den restlichen werden die Bilder auch angezeigt, halt nur nicht so strukturiert. Den Besuchern geht also keine Information verloren.

Zudem sind Anordnungen mit Flexbox und Multicolumn ruckzuck erstellt. Die gesparte Zeit kann dann locker für ein Fallback eingesetzt werden.

Und wenn die Bilder in veralteten Browsern anders angezeigt werden - was soll's? Das es überhaupt kein Problem ist wenn Seiten auf unterschiedlichen Ausgabegeräten und mit unterschiedlichen Browsern unterschiedlich dargestellt werden sollte sich doch wohl bereits rumgesprochen haben.

Gruss

MrMurphy