CSS-Layout

• Normales Layout:
  • Block-bildend vs. nicht-blockbildend
  • Gleiche Boxen hintereinander
  • Boxen mit veränderter width
  • zentrierte Spalte mit width und margin:auto
• Float:
  • Float eines Bildes
  • Float eines Text-Absatzes
  • Float und Clear
  • Viele Floats nebeneinander
• Absolute und Relative:
  • Absolute Positionierung
  • Relative Positionierung
• Was Interaktives:
  • einfaches hover

Alte Beispiele

• Hintergundbilder
• Schlüsselloch
• Eigenschaften eines Blocks - das Box-Model
• Verschiedene Boxen (sehen schecht aus)
• Überschrift und Absatz kleben zusammen / überlappen
• Seite einrücken, Überschriften ausrücken
• eine Spalte, mittig auf der Seite