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.

Die Themen im Überblick:

• 14.1 Die fertige Beispielseite
• 14.2 HTML und eine kleine Prise CSS
• 14.3 Der erste Versuch: die Grafiken floaten
• 14.4 Das Problem: Gefloatete Elemente ragen nach unten heraus
• 14.5 Vier Methoden zum Einschließen von Floats
• 14.6 Methode 1: Float einschließen mit clear
• 14.7 Methode 2: Set a float to fix a float
• 14.8 Methode 3: Ohne float und clear – overflow:hidden
• 14.9 Methode 4: EasyClearing – die Sache mit dem Punkt
• 14.10 Floats einschließen: die Übersicht
• 14.11 Die Galerie in die Beispielsite einbauen

Float bereitet beim Layouten oft Probleme, weil gefloatete Elemente von ihrem Eltern-Element nicht automatisch eingeschlossen werden, sondern nach unten herausragen.