MrMurphy1: CSS inherit

Beitrag lesen

Hallo

Ich habe mal ein Beispiellayout mit drei unterschiedlichen headern erstellt.

Zunächst die Lösung, die mir am besten gefällt: Logo und Text sind so weit wie möglich außen.

Dann die Lösung, dass Logo und Text jeweils in der Breite des mittleren Containers mit dem Hauptinhalt so weit außen wie möglich sind.

Und als Drittes sind Logo und Text so nah wie sinnvoll zusammen und gemeinsam zentriert. Der Text bricht erst um wenn er nicht mehr in eine Zeile passt. Das schwebt dir wohl am ehesten vor.

Dazu noch etwas responsive Design für schmale Bildschirme.

Linuchs header Testlayout

Ich fand den Ortsnamen am besten in einer separaten Zeile aufgehoben. Das ist mein persönlicher Geschmack und kann natürlich noch angepasst werden.

Gruss

MrMurphy