Aus dem Kurs: Webtechniken lernen 3: Responsive CSS-Layouts mit Media Queries, Flexbox und Grid

So erhalten Sie Zugriff auf diesen Kurs

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.

Wie ein Fels in der Brandung: "position:fixed"

Wie ein Fels in der Brandung: "position:fixed"

Aus dem Kurs: Webtechniken lernen 3: Responsive CSS-Layouts mit Media Queries, Flexbox und Grid

Gratismonat starten Für Ihr Team erwerben

Wie ein Fels in der Brandung: "position:fixed"

“

Die feste Positionierung mit "position: fixed;" verhält sich fast genau so wie "position: absolute;", mit einem kleinen, aber feinen Unterschied, denn ein fixiertes Element scrollt nicht mit, wie Sie sehen werden. Die Übungsdatei aus dem Anfangsordner zu diesem Film liegt im Übungsordner. Der Quelltext ist hier zu sehen. Und in der Live-Vorschau vom Code sieht man hier das Dokument wie ein Fels in der Brandung. Und ganz unten gibt es ein positioniertes Element bzw. ein Element mit der Beschriftung "position: fixed;". Das stimmt aber noch nicht, denn im Moment hat dieses Element, wie Sie hier sehen können, dieses aside, noch "position: static;". Hier steht überhaupt nichts von position, dann ist es "position: static;". Los geht es hier mit "position: fixed;". So, und da steht schon fixed, so. Und jetzt wollen wir hier gleich mal zwei Werte eingeben, "top: 50%;". Da steht es schon, 50%, etwa in der Mitte, aber über dem anderen Text und da sehen Sie schon, wie bei der absoluten…

Inhalt