zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Footer am unteren Rand

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 10.06.2011, 14:55
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 25.09.2010
Ort: Hamburg
Beiträge: 23
N.A.R. befindet sich auf einem aufstrebenden Ast
Standard Footer am unteren Rand

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!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 10.06.2011, 16:03
Neuer Benutzer
neuer user
 
Registriert seit: 07.06.2011
Beiträge: 22
zatec befindet sich auf einem aufstrebenden Ast
Standard

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.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 10.06.2011, 17:13
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.135
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

Code:
#logo {border-top: 80px solid #fff;}
teste mal

Manfred
Mit Zitat antworten
  #4 (permalink)  
Alt 10.06.2011, 17:56
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 25.07.2009
Ort: Wanne-Eickel
Beiträge: 223
TanjaP. befindet sich auf einem aufstrebenden Ast
Standard

Ich hab so ein Teilchen auch und gefühlte 1000 Versuche hinter mir. Dieser hier hat mir geholfen
Mit Zitat antworten
  #5 (permalink)  
Alt 11.06.2011, 01:21
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 25.09.2010
Ort: Hamburg
Beiträge: 23
N.A.R. befindet sich auf einem aufstrebenden Ast
Standard

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.

Zitat:
Zitat von Manfred62 Beitrag anzeigen
Code:
#logo {border-top: 80px solid #fff;}
teste mal

Manfred
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!
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Inhaltsdiv bis zum unteren Rand hansegirl2 CSS 19 17.02.2010 16:51
Container am unteren Rand & Content 100% Höhe KILLHILL CSS 1 23.10.2009 15:46
Footer immer am unteren Bildschirmrand BoFiaZ CSS 22 29.05.2009 11:45
Footer hängt oben am Rand patcha CSS 8 27.10.2006 13:10
Footer am unteren Seitenrand positionieren judicious CSS 15 23.06.2005 17:45


Alle Zeitangaben in WEZ +2. Es ist jetzt 05:38 Uhr.