Weitere Infos

Sie lesen:
LB1 (2009)

Little Boxes Teil 1 (Cover)

Diese Website ist von 2009 und wird nicht mehr gepflegt. Die Informationen sind zum großen Teil also wirklich veraltet.

Aktuelle Infos finden Sie hier:

Inhaltsbereich

IV. CSS-Positionierung — Kästchen verschieben

Im vierten Abschnitt von "Little Boxes 1" lernen Sie die Positionierung mit CSS kennen. Dieser Abschnitt besteht aus drei Kapiteln:

  • Kapitel 12: Der Flow und Positionieren mit position
    Worin Sie sehen, dass die Kästchen auf einer Seite einem natürlichen Fluss folgen. Überdies lernen Sie, wie Sie den Verlauf dieses Flusses manipulieren und Elemente mit einer Eigenschaft namens position positionieren können.
  • Kapitel 13: Positionieren mit float: schwebende Boxen
    Worin Sie eine schwebende Grafik von Text umfließen lassen, den Schwebezustand per clear beenden und anschließend ein paar Übungen zum Floaten mit mehreren Boxen machen.
  • Kapitel 14: Containing Floats: gefloatete Elemente umschließen
    Worin Sie eine einfache Bildergalerie erstellen und dabei Problemen mit dem Einschließen von gefloateten Elementen begegnen. Anschließend lernen Sie vier verschiedene Methoden für dieses Problem kennen und erfahren, wann welche Lösung angebracht ist. Zum Schluss bauen Sie die Galerieseite in die Beispielsite ein.

Am Ende dieses Abschnittes haben Sie die Positionierung mit CSS kennen gelernt und verstanden, warum beim Floaten manchmal seltsame Dinge passieren (und was man dagegen tun kann).