Footer am unteren Rand platzieren - stattdessen in der Mitte

[Yuny]

Hallöchen zusammen

Nachdem ich nun stundenlang vergebens versucht habe das Problem zu lösen und im Internet auch in diversen Foren (u.A. auch dieses) nicht schlau geworden bin, wende ich mich vertrauensvoll an euch.
Ich muss eine Seite erstellen, von welcher ich jedoch nicht genau weiss, wie hoch der Content-Teil ist.
Der Aufbau der Seite ist folgendermassen:

  
<div id="main">  
  <div id="content">  
    <div id="shop"> ...  
    </div>  
    <div id="footer">  
      <div class="footerbox"><span class="footerlinkspacer">  
        <img width="1" height="12" src="spacer.gif"></span><a href="...">Disclaimer</a><br>  
        <img width="1" height="9" src="spacer.gif"><br>&copy; 2005 - 2010, SIX Multipay  
      </div>  
    </div>  

Der CSS Code lautet wie folgt:

  
#shop {  
    z-index: 99;  
    position: absolute;  
    background-color: #FFFFFF;  
    left: 222px;  
}  
  
#content {  
    position: absolute;  
    top: 149px;  
    left: 12px;  
    min-height: 100%;  
    height: 100%;  
    width:960px;  
    background-color: #FFFFFF;  
    z-index: 240;  
    /*padding-bottom:100px;*/  
}  
#footer {  
    background-color: #F3F3F3;  
    border-top: 1px solid #9A9B9C;  
    bottom: 0;  
    clear: both;  
    color: #747678;  
    float: left;  
    font-family: Arial;  
    font-size: 11px;  
    left: 0;  
    margin-left: 0px;  
    padding: 0;  
    position: absolute;  
    width: 960px;  
    z-index: 400;  
}  
  
#footer a, #footer a:visited {  
    color: #747678;  
    font-family: Arial;  
    font-size: 11px;  
    text-decoration: none;  
}  
#main {  
    border: medium none;  
    float: left;  
    left: 0;  
    min-height: 100%;  
    position: absolute;  
    top: 0;  
    width: 100%;  
    z-index: 240;  
}  

Eigentlich sollte der Footer im ganz unten am Rand sein, wenn der Content länger als eine Seite ist, soll der Footer noch nicht sichtbar sein bis man an den unteren Rand der Seite scrollt.
Momentan hängt dieser jedoch in der Mitte der Seite.
Ich habe wirklich schon alles versucht aber bin mit meinem Latein am Ende :(
Wäre sehr sehr froh um eure Hilfe!

Vielen Dank und liebe Grüsse
Yuny

[suit]

Ich habe wirklich schon alles versucht [...]

Warum habe ich das Gefühl, dass das einfach nicht stimmt? ;)

[...] aber bin mit meinem Latein am Ende :(

Suchmaschine deiner Wahl: "Sticky Footer".

[Yuny]

Ich habe wirklich schon alles versucht [...]

Warum habe ich das Gefühl, dass das einfach nicht stimmt? ;)

[...] aber bin mit meinem Latein am Ende :(

Suchmaschine deiner Wahl: "Sticky Footer".

Nochmal hallöchen zusammen

Ich hab mich fast zu tode gesucht, bis ich auf eine wichtige Information gestossen bin. Mag für euch vielleicht klar sein, ich habe jedenfalls nicht gewusst, dass die Platzierung eines Footers am unteren Rand nicht möglich ist (achtung jetzt kommts) wenn das Layout absolut ist.
Ich habs auch mit Sticky Footer versucht, aber auch das hat nicht hingehauen (wie ich jetzt weiss war das auch wegen der absoluten Positionierung).
Ich hab jetzt das main gefloatet und die absolut positionierten Elemente aus dem main rausgenommen.
Jetzt funktionierts.

Danke für eure Hilfe.

Grüsse Yuny

[suit]

Mag für euch vielleicht klar sein, ich habe jedenfalls nicht gewusst, dass die Platzierung eines Footers am unteren Rand nicht möglich ist (achtung jetzt kommts) wenn das Layout absolut ist.

Jegliche Dinge die etwas mit dynamischem Textfluss zu tun haben sind mit absoluter Positionierung praktisch nicht umsetzbar.

Dafür dass du diese Information vorenthalten hast, kann hier aber auch niemand etwas :)

[Joachim]

Hi,

Nachdem ich nun stundenlang vergebens versucht habe das Problem zu lösen und im Internet auch in diversen Foren (u.A. auch dieses) nicht schlau geworden bin, wende ich mich vertrauensvoll an euch.

Wende Dich lieber vertrauensvoll an das Archiv (ja, man darf ruhig auch mal 2009 einschalten): http://forum.de.selfhtml.org/archiv/2009/1/t181821/#m1202786

Gruesse, Joachim