Ich habe die Seite noch nicht hochgeladen, da sie ja noch am Anfang steht. Ein Bild hätte ich hier: http://de.tinypic.com/view.php?pic=fpckcz&s=8#.VdHIYLSkXMA Ist jetzt leer, da ich den Text schon wieder gelöscht habe. Hier noch mal die verwendeten CSS-Codes: .header { position: absolute; width: 100%; left: 0px; height: 300px; background-image: url(images/header.png); z-index: 1; } .contend { position: relative; height:auto; Top: 330px; margin-bottom: 50px; min-height: 50%; float: middle; left: 25%; padding: 12px; width: 1000px; background-color: white; font-family: Arial; z-index: 2; border-radius: 15px; } .footer { position: absolute; width: 100%; color: white; text-align: center; vertical-align: bottom; font-size: 12pt; bottom: 8px; padding:1em; margin: 2px; z-index: 4; } Naja, und der Footer ist nur so lange da, wo er sein soll, wie der Inhalt kürzewr als die Höhe des Browserfensters ist. Geht der Inhalt darüber hinaus, dann ist der Footer am unteren Ende des Browserfensters und die Seite geht "unter dem Footer" weiter.

Ich habe die Seite noch nicht hochgeladen, da sie ja noch am Anfang steht. Ein Bild hätte ich hier: http://de.tinypic.com/view.php?pic=fpckcz&s=8#.VdHIYLSkXMA Ist jetzt leer, da ich den Text schon wieder gelöscht habe. Hier noch mal die verwendeten CSS-Codes: .header { position: absolute; width: 100%; left: 0px; height: 300px; background-image: url(images/header.png); z-index: 1; } .contend { position: relative; height:auto; Top: 330px; margin-bottom: 50px; min-height: 50%; float: middle; left: 25%; padding: 12px; width: 1000px; background-color: white; font-family: Arial; z-index: 2; border-radius: 15px; } .footer { position: absolute; width: 100%; color: white; text-align: center; vertical-align: bottom; font-size: 12pt; bottom: 8px; padding:1em; margin: 2px; z-index: 4; }