Layouts mit position umsetzen
Über den Vortrag
"position" können Sie einsetzen, um Layouts zu gestalten. In diesem Film erstellen wir einen Zweispalter mit position: absolute auf diese Art. Außerde sehen Sie, wie Sie das Layout um eine Fußzeile erweitern. Bei einem weiteren Layout setzen wir auf position: fixed und sorgen damit für feststehende Bereiche beim Scrollen.Der Vortrag „Layouts mit position umsetzen“ von Dr. Florence Maurice ist Bestandteil des Kurses „HTML- und CSS-Tutorial für Einsteiger*innen“. Der Vortrag ist dabei in folgende Kapitel unterteilt:
- Layout mit position absolute
- Fußzeile
- Feststehender Bereich
Quiz zum Vortrag
Welche Werte müssen addiert werden, um die Navigation direkt unter der Kopfleiste zu positionieren?
- border-bottom
- 2 * padding
- heigth
- width
- text-align
Was ist ein Vorteil an mit position: absolute erstellten Layouts?
- Die Elemente können unabhängig davon, in welcher Reihenfolge sie im HTML-Code stehen, angeordnet werden.
- Das Problem mit den nicht gleich langen Spalten tritt nicht auf.
- Solche Layouts sind immer ungeheuer flexibel und eine Fußzeile ist auch kein Problem.
- Diese Layouts passen sich immer an die Größe des Browserfensters an.
Wie lautet das Element im Quellcode, mit dem man eine Fußzeile korrekt einfügt?
- Text
- Text
- Text<Text
Welche Aussage über position: fixed ist richtig?
- Wenn ein Element mit position: fixed positioniert ist, bewegt es sich beim scrollen der Seite nicht.
- Wenn alle Elemente mit poistion: fixed positioniert sind, erscheint die Fußzeile immer ganz oben.
- Wenn alle Elemente mit poistion: fixed positioniert sind, erscheint die Fußzeile immer ganz unten.
- Wenn der Inhalt mit position: fixed positioniert ist, kann er nicht von der Kopfzeile überdeckt werden.
Diese Kurse könnten Sie interessieren
Dozent des Vortrages Layouts mit position umsetzen
Dr. Florence Maurice
Dr. Florence Maurice ist Trainerin, Autorin und Programmiererin in München. Sie unterrichtet an verschiedenen Bildungsinstituten, gibt Inhouse-Schulungen und programmiert Webseiten. Ihr Themenspektrum reicht dabei von HTML über CSS und JavaScript bis hin zur serverseitigen Programmierung mit PHP. Dazu hat sie auch eine Reihe von Fachbüchern verfasst und publiziert regelmäßig Artikel. Weitere Informationen zu Florence Maurice finden Sie auf ihrer Homepage www.maurice-web.de.Kundenrezensionen
5,0 von 5 Sternen
| 5 Sterne |
|
5 |
| 4 Sterne |
|
0 |
| 3 Sterne |
|
0 |
| 2 Sterne |
|
0 |
| 1 Stern |
|
0 |
Die besten Dozenten, die besten Inhalte, das beste Lernergebnis. Davon sind wir 100%ig überzeugt. Daher auch unsere 100% Geld-zurück-Garantie. Sind Sie wirklich nicht zufrieden? Schreiben Sie uns. Bis fünf Tage nach dem Kauf erstatten wir Ihnen den vollen Preis zurück - ohne Wenn und Aber.