Layouts mit position umsetzen von Dr. Florence Maurice

(1)

video locked

Ü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- & CSS-Tutorial für Einsteiger“. Der Vortrag ist dabei in folgende Kapitel unterteilt:

  • Layout mit position absolute
  • Fußzeile
  • Feststehender Bereich

Quiz zum Vortrag

  1. border-bottom
  2. 2 * padding
  3. heigth
  4. width
  5. text-align
  1. Die Elemente können unabhängig davon, in welcher Reihenfolge sie im HTML-Code stehen, angeordnet werden.
  2. Das Problem mit den nicht gleich langen Spalten tritt nicht auf.
  3. Solche Layouts sind immer ungeheuer flexibel und eine Fußzeile ist auch kein Problem.
  4. Diese Layouts passen sich immer an die Größe des Browserfensters an.
  1. Text
  2. Text
  3. Text<
  4. Text
  1. Wenn ein Element mit position: fixed positioniert ist, bewegt es sich beim scrollen der Seite nicht.
  2. Wenn alle Elemente mit poistion: fixed positioniert sind, erscheint die Fußzeile immer ganz oben.
  3. Wenn alle Elemente mit poistion: fixed positioniert sind, erscheint die Fußzeile immer ganz unten.
  4. Wenn der Inhalt mit position: fixed positioniert ist, kann er nicht von der Kopfzeile überdeckt werden.

Dozent des Vortrages Layouts mit position umsetzen

Dr. Florence Maurice

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

(1)
5,0 von 5 Sternen
5 Sterne
5
4 Sterne
0
3 Sterne
0
2 Sterne
0
1  Stern
0