Inhalt

Einleitung Voraussetzungen Pop Up, Pop down Flatter, flatter Vorhang auf! Aufgabenstellung Vorbereitung Seite Bilder Anordnung Marilyn divs verschachteln positionieren relativ Vorhang zu Action! Hallo ... später Hallo ein Spalt Variable auf geht's! abschneiden schööön! weiteres heiteres Klappe zu!

---

Service

Kontakt & Feedback

CSS Anwendung

Vorhang auf!

Anordnung

Vorhang zu

Noch immer ist der Vorhang nicht da.

Die Ursache kennen wir: die <div id="vorhang"> hat noch immer keine Ausdehnung. Wir könnten diese genau wie bei der <div id="alles"> auf die Werte 527px und 349px setzen, aber hier gibt's noch eine andere Möglichkeit: Wir setzen Höhe und Breite auf 100%. Das bezieht sich ja aufs Mutter-Element (<div id="vorhang">) und sagt aus, dass der Vorhang genau die selben Masse haben soll wie dieses. Das ist recht praktisch, denn wenn es uns in den Sinn kommen sollte, das Bild einmal auszuwechseln, dann brauchen wir die Grössenangaben wenigstens für dieses Element nicht anzupassen.

Hier siehst du die neuen <style>-Angaben:

<style type="text/css">
#alles      { position: relative ; height: 527px ; width: 349px }
#marilyn    { position: absolute ; top: 0em ; left: 0em }
#vorhang    { position: absolute ; top: 0em ; left: 0em ;
              width: 100% ; height: 100% ; 
              background: url(wtuell.gif) }
#willkommen { position: absolute ; top: 1em ; left: 1em }
</style>

Und jetzt stimmt eigentlich alles.

Die erste Etappe haben wir damit gemeistert; ein klein wenig Kosmetik werden wir ganz am Ende noch anbringen.