Flexboxen

[MrMurphy1]

Hallo

Ich habe mal ein Beispiel erstellt wie ich dich zu verstehen glaube.

Deine Rahmen- und Farbenvielfalt habe ich aber eingeschränkt oder weggelassen. Für das Layout spielen sie auch keine Rolle.

Der header wird so hoch wie sein Inhalt, wie es auch sein soll. Mit einem größeren Bild muss also im CSS nichts angepasst werden.

Das Layout ist Mobile First und so aufgebaut, dass selbst Browser ohne Flexboxunterstützung die Seite zwar schlichter, aber konstruktiv darstellen.

Das Layout ist in drei Schritten responsive gestaltet.

Bei breiten Fenstern werden drei Links nebeneinander dargestellt, weil ich dich so verstanden habe. Ich selbst würde aber maximal zwei nebeneinander stellen. Ohne den endgültigen Inhalt der Seite zu kennen ist das aber schwierig zu beurteilen. Bei drei Link-Spalten würde ich auch über CSS-Multicolumn nachdenken.

Die Testseite steht nicht ewig zur Verfügung, da ich meinem Testaccount immer mal wieder aufräume. Deshalb verlinke ich sie auch nicht direkt. In einigen Wochen ist die Seite entweder gar nicht mehr vorhanden oder hat einen anderen Inhalt:

http://boratb.bplaced.net/index02.html

Gruss

MrMurphy