2 Spalten Layout

100% height for Desktops

2 Spalten Layout

Dieses kurze Tutorial erklärt wie man ein einfaches zweispaltiges Responsiv Layout erstellen kann. Ein paar Randpunkte:
-> Das Layout passt sich automatisch der Auflösung an,
-> Die Spalten haben in der Desktop Version immer eine Höhne von 100%,
-> Das Layout lässt sich leicht replizieren und modifizieren.

HTML Code

Der HTML Code selbst ist ziemlich einfach gehalten und nutzt die linke Spalte im Grunde als Header, die Navigation, der Contentbereich und der Footer werden in der rechten Spalte unter gebracht

CSS Code

Der CSS Code ist recht einfach gehalten damit sicher der Stylesheet in einer Datei unterbringen lässt. Entscheidend dafür das die Desktop Version mit einer Höhevon 100% ausgegeben wird sind die Klassen logo und content welche fixiert sind.

Demo & Download

Demo

Download - Downloads: 5

Last modified: June 16 2019 11:36:19.

Diese Website verwendet Cookies. Datenschutzrichtlinien