|
|||
Footer soll nach unten
Guten Abend,
ich mache gerade eine neue Webseite und habe dort einen Footer (schwarze Leiste mit Impressumlink) dieser Footer soll ans untereste Ende der Seite und nicht in der Mitte bzw. wo der Content aufhört sein! Der DIV heißt footer Hier die Seite: http://betatests.de.vu/ Und hier das CSS: URL: fileadmin/templates/feld.css Vielen Dank und Grüße |
Sponsored Links |
|
|||
"Es will irgendwie nicht." Vielleicht könntest du etwas präziser werden, denn mit dieser Beschreibung bleibt für uns unklar, für welche der beiden unter Punkt 4 der FAQ beschriebenen Methode du dich entschieden hast und was du konkret versucht hast.
|
|
|||
Hallo Sorry!
Ja das Problem ist das der Footer immer noch oben rumhängt. Ich habe mich für 100% Höhe mit Footer stets am unteren Rand, Stichwort "Footer Stick Alt" entschieden, das andere aber auch mal ausversucht. mein #footer ist wie folgt im CSS definiert: #footer { margin-top:-25px; height: 25px; text-align: right; padding: .5em; font-size: 11px; font: 11px "Trebuchet MS", verdana, arial, sans-serif; color: white; background: #000; } Was mache ich noch falsch? Mein html-Template sieht so aus: <div id="container"> <div id="top"> <div id="navPyra"> <!--###navPyra###--> hier navPyra <!--###navPyra###--> </div> </div> <div id="banner"> <!--###banner###--> hier banner <!--###banner###--> </div> <div id="side"> <div id="left"> <!--###left###--> hier left <!--###left###--> </div> </div> <div id="right"> <!--###right###--> hier right <!--###right###--> </div> </div> <div id="footer"> <!--###footer###--> hier footer <!--###footer###--> </div> Grüße und Danke |
|
|||
Schau dir FooterStickAlt nochmal genau an.
Der Footer darf nicht in dem Element liegen, das 100%-Mindesthöhe (nicht height!) hat. Außerdem floatest du ohne zu clearen. FAQ Punkt 2. Dass dein #right unter #side liegt weißt du?
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
Footer Stick Alt ist recht einfach:
Man hat zwei Divs, die nacheinander angeordnet werden, wie z. B.: Code:
<div id="container">Container</div> <div id="footer">Footer</div> edit: Morgen, Fricca |
|
|||
Angesichts der vielen vielen Threads dazu halte ich das für eine gewagte Aussage.
Zitat:
Bin schon wieder weg, sorry.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
Hallo ich habe es nochmal versucht
Der container hat doch 100% Mindesthöhe! #container { position:relative; min-height: 100%; height: auto; height: 100%; margin: 0 auto -25px; width: 750px; padding: 0; text-align: left; color: #666; background: #fff; } Das clearing habe ich nun auch eingefügt. Was mir nicht klar ist, ist wieso der footer innerhalb des Containers angezeigt wird wenn doch in meinem html-template er außerhalb angelegt ist...!? Und wieso wird nun auf einmal das #right unterhalb von #side angezeigt, das war gestern noch nicht so...!??? In welchem Element liegt denn der footer welches 100% Mindesthöhe hat? Er kommt doch völlig alleine außerhalb! <div id="container"> <div id="top"> <div id="navPyra"> <!--###navPyra###--> hier navPyra <!--###navPyra###--> </div> </div> <div id="banner"> <!--###banner###--> hier banner <!--###banner###--> </div> <div id="side"> <div id="left"> <!--###left###--> hier left <!--###left###--> </div> </div> <div id="right"> <!--###right###--> hier right <!--###right###--> </div> </div> <div id="footer"> <!--###footer###--> hier footer <!--###footer###--> </div> Danke und Grüße |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Footer container werden untereinander dargestellt... | Ntracks | CSS | 10 | 07.08.2010 19:24 |
cssstickyfooter.com | horizontales Scrollen --> Footer verschwindet | daigo | CSS | 0 | 19.05.2009 11:56 |
Layout - footer und layer[links] - Probleme - (CSS-Anfänger) | Basti_LRT | CSS | 1 | 08.10.2007 23:03 |
Footer Problem (3 spaltiges Layout, variable Höhe) | Lofesto | CSS | 2 | 23.07.2007 17:13 |
Footer Problem | blub19 | CSS | 6 | 25.01.2005 12:46 |