zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Footer soll nach unten

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 02.02.2010, 20:26
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 30.07.2007
Beiträge: 128
runner befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 02.02.2010, 20:28
Benutzerbild von Cocoon
position: relative;
XHTMLforum-Mitglied
 
Registriert seit: 12.06.2009
Ort: Berlin
Beiträge: 156
Cocoon wird schon bald berühmt werden
Standard

FAQ Punkt 4: Footer fixieren
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 03.02.2010, 09:53
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 30.07.2007
Beiträge: 128
runner befindet sich auf einem aufstrebenden Ast
Standard

Danke!

Es will aber irgendwie nicht?

Was mache ich denn noch falsch?

Danke und Grüße
Mit Zitat antworten
  #4 (permalink)  
Alt 03.02.2010, 10:53
EvT EvT ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.09.2006
Ort: Bad Wildungen
Beiträge: 2.220
EvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekannt
Standard

"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.
Mit Zitat antworten
  #5 (permalink)  
Alt 03.02.2010, 11:03
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 30.07.2007
Beiträge: 128
runner befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
  #6 (permalink)  
Alt 03.02.2010, 11:10
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

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?
Mit Zitat antworten
  #7 (permalink)  
Alt 03.02.2010, 11:13
EvT EvT ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.09.2006
Ort: Bad Wildungen
Beiträge: 2.220
EvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekannt
Standard

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>
Das erste Div wird auf eine Mindesthöhe von 100% gesetzt, reicht also bis an den unteren Rand des Browserfensters. Da so das 2. Div erstmal aus den sichtbaren Bereich herausgeschoben ist, wird es durch margin-top mit einem negativen Wert, der der Höhe des zweiten Divs entspricht, wieder in den sichtbaren Bereich zurückgeholt.

edit: Morgen, Fricca
Mit Zitat antworten
  #8 (permalink)  
Alt 03.02.2010, 11:16
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von EvT Beitrag anzeigen
Footer Stick Alt ist recht einfach:
Angesichts der vielen vielen Threads dazu halte ich das für eine gewagte Aussage.

Zitat:
edit: Morgen, Fricca
Ebenfalls guten Morgen.
Bin schon wieder weg, sorry.
Mit Zitat antworten
  #9 (permalink)  
Alt 03.02.2010, 11:19
EvT EvT ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 11.09.2006
Ort: Bad Wildungen
Beiträge: 2.220
EvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekanntEvT ist jedem bekannt
Standard

Zitat:
Zitat von fricca Beitrag anzeigen
Bin schon wieder weg, sorry.
Nee, nee, bleib ruhig mal hier.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 03.02.2010, 12:31
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 30.07.2007
Beiträge: 128
runner befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
Sponsored Links
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
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


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:34 Uhr.