Kapitel 10. Schweben und Positionieren
Diese Arbeit wurde mithilfe von KI übersetzt. Wir freuen uns über dein Feedback und deine Kommentare: translation-feedback@oreilly.com
Lange Zeit waren schwebende Elemente die Grundlage für alle unsere Web-Layout-Schemata. (Das liegt vor allem an der Eigenschaft clear, auf die wir gleich noch zu sprechen kommen werden.) Aber Floats waren nie für das Layout gedacht; ihre Verwendung als Layout-Tool war ein fast ebenso ungeheuerlicher Hack wie die Verwendung von Tabellen für das Layout. Sie waren einfach das, was wir hatten. Floats sind aber auch für sich genommen sehr interessant und nützlich. Das gilt vor allem für die kürzlich hinzugefügte Float-Form, mit der nicht-rechteckige Formen erstellt werden können, an denen der Inhalt vorbeifließen kann.
Schwimmend
Seit Anfang der 1990er Jahre ist es möglich, Bilder zu floaten, indem du zum Beispiel <img src="b5.gif" alt="B4" align="right"> angibst. Dadurch wird ein Bild nach rechts verschoben und andere Inhalte (wie z. B. Text) können um das Bild herum fließen. Der Name Floating stammt von der Netscape DevEdge-Seite "Extensions to HTML 2.0", auf der das damals neue Attribut align erklärt wurde. Im Gegensatz zu HTML kannst du mit CSS jedes Element floaten, von Bildern über Absätze bis hin zu Listen. Dies wird mit der Eigenschaft float erreicht.
Get CSS: The Definitive Guide, 5. Auflage now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
