Hallo Forum,

eure Hilfe ist mal wieder gefragt:

Habe einen Footer am unteren Rand des Browserfensters positioniert. Funktioniert auch wie gewünscht: Version A

Nun möchte ich jedoch oben 80 Pixel freie Fläche, wie hier: Version B

Problem, wie man sieht:
Setze ich nun den wrapper auf margin 80px top, verschiebt es alles um 80 Pixel nach unten, sodass der Footer verschwindet und zusätzlich noch einen unnützer Scrollbalken erzeugt wird.

Habe alles mögliche ausprobiert.
Benötigt der Footer eventuelle eine Negativ-Angabe? Wie bspw. -80px?

Habt ihr eine Lösung?

Vielen Dank im Voraus!

Da, negative Verschiebung des Footers sollte helfen.

Hat die Seite denn eine feste Höhe? Ist der Inhalt nie so lang, dass es eine vertikalen Scrollbalken gibt? Dann könntest du den Footer auch einfach fixed oder absolut am unteren Rand positionieren.

teste mal

Manfred

Ich hab so ein Teilchen auch und gefühlte 1000 Versuche hinter mir. Dieser hier hat mir geholfen

__________________
Undercover-Coon´s: unsere Miezen
Wolfshunde-Herne: unsere Hunde

Leider hat es noch nicht geklappt. Negativ-Verschiebung des footers scheint nicht zu funktionieren. Footer fixed soll es nicht sein, sondern absolute. Wobei es selbst mit fixed nicht klappt. Das Problem sind die oberen 80 Pixel.

Das ist eigentlich die perfekt Lösung, nur hab ich eine Hintergrundgrafik im body, die so durch die 80px weißen Rahmen verdeckt wird.

Habe jetzt als Notlösung die Höhe auf 88% gesetzt:
body>#wrapper {
height: auto;
min-height: 88%;
}

Mal schauen, vielleicht hat ja sonst noch jemand eine Idee.

Danke euch Dreien!