CSS Layout-Techniken
Containing Floats
Eric Meyer erklärt, wie gefloatete Elemente von ihren Vorfahren umschlossen werden können. Pflichtlektüre! Absolut grundlegend für das Verständnis von
float
undclear
Englisch.
Kategorien:Control Block Formatting Context
Zoe Gillenwater erklärt, welche Eigenschaften einen Block Formatting Context hervorrufen und welche Auswirkung dies hat.
Wichtig zum erweiterten Verständnis von float und clear; Verhinderung von ungewolltem clear.
Englisch.
Kategorien:CSSplay
Stu Nicholls geht an die Grenzen dessen, was mit CSS möglich ist und stellt die Ergebnisse umfangreich dokumentiert der Allgemeinheit zur Verfügung.
Hier finden sich: das einzige reine CSS-Dropdown-Menü, CSS-Bildergalerien, häufig gewünschte Layouts und viele spannende CSS-Spielereien, die niemand für möglich gehalten hätte.
Englisch.
Kategorien:Faux Columns
Die bekannteste Methode, um gleichlange Spalten umzusetzen – erklärt von Dan Cederholm bei alistapart.
Englisch.
Deutsche Übersetzung: Unechte Spalten
Kategorien:CSS Layout-TechnikenFloat die Theorie
Artikel zum grundlegenden Verständnis von
float
undclear
= Pflichtlektüre!Englisches Original von Big John und Holly Bergevin, übersetzt von Andreas Kalt und Jens Grochtdreis.
Kategorien:In Search of the Holy Grail
Auf der Suche nach dem »Heiligen Gral« der CSS-Layouts: vollflexibles Dreispaltenlayout mit gleichlangen Spalten, die in beliebiger Reihenfolge im Markup stehen können.
Spannender Ansatz, der mit etlichen Browserproblem(chen) zu kämpfen hat.
Kategorien:CSS Layout-TechnikenIn search of the One True Layout
Auf der Suche nach dem alles könnenden, einzig wahren Layout … gibt es viele Probleme zu überwinden …
Absolut lehrreich und lesenswert, wenn auch nicht alles unmittelbar anwendbar ist.
Englisch.
Kategorien:CSS Layout-Technikenmaxdesign
Tutorials zur Gestaltung von Listen (= Menüs) und zum Umgang mit der
float
-Eigenschaft.Viele Layoutbeispiele für Listenmenüs.
Kategorien:Pure CSS Popups
Bei Überfahren eines Links soll Zusatzinformation erscheinen – und das alles nur per CSS.
Eric Meyer erklärt, wie's geht.
Englisch.
Kategorien:CSS Layout-TechnikenSuckerfish Dropdowns
Klassisches CSS-Dropdownmenü; mit JavaScript-Nachhilfe für IE.
Englisch.
Kategorien:the styleworks
Umfassende CSS-Referenz und viele Tutorials.
Nett: man kann mit einem Quiz den eigenen Wissensstand überprüfen.
Kategorien: