Layouts mit float erstellen von Dr. Florence Maurice

(1)

video locked

Über den Vortrag

Am häufigsten verwendet man zur Erstellung von Layouts die CSS-Eigenschaft float. Float ist zwar an sich eine etwas kryptische Eigenschaft, da sie ursprünglich für die Layouterstellung nicht vorgesehen war. Aber heute können Sie damit recht flexible Mehrspaltenlayouts erstellen. Im Film sehen Sie neben der Erstellung eines Zweispalters die Erstellung eines Dreispaltenlayouts. Außerdem kümmern wir uns darum, wie man dem Problem mit den gleichlangen Spalten beikommt.

Der Vortrag „Layouts mit float erstellen“ von Dr. Florence Maurice ist Bestandteil des Kurses „HTML- & CSS-Tutorial für Einsteiger“. Der Vortrag ist dabei in folgende Kapitel unterteilt:

  • Layouts mit float

Quiz zum Vortrag

  1. Bei Mehrspaltenlayouts sind alle Bereiche immer automatisch gleich hoch.
  2. Bereiche werden normalerweise nur so hoch, wie es ihr Inhalt erforderlich macht.
  3. Gleichlange Spalten kann man über Hintergrundbilder simulieren.
  4. Bei flexiblen Layouts hängt die Höhe von den Inhalten ab und man sollte sie nicht mit CSS definieren.
  1. margin: auto
  2. clear: none
  3. float: none
  4. float: auto
  1. ...muss die rechte Spalte floating: right als Element enthalten.
  2. ...muss der Inhalt floating: right als Element enthalten.
  3. ...muss die linke Spalte floating: right als Element enthalten.
  4. ...muss die Kopf- und Fußzeile floating: right als Element enthalten.

Dozent des Vortrages Layouts mit float erstellen

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