sticky footer ohne wrapper?

[Bastian]

Falls es Dir nicht unbedingt wichtig ist, dass der Footer am u. Rand klebt, sondern auch genügen würde, dass er einfach weiter unten ist freundest Du Dich viell. mit min-height:900px auf eine der oberen divs an? Das würe zumindest wenig markup und würde etwas besser aussehen als das.

"sticky footer" bedeutet eigentlich, dass er unten kleben soll ;)

Ich habe jetzt folgende Lösung

  
body {  
    position: absolute;  
    height: auto;  
    width: 100%;  
    min-height: 100%;  
    padding-bottom: -100px; /* footer-Höhe */  
}  
#navigation {  
    float: left;  
    margin-bottom: 100px; /* footer-Höhe */  
    width: 210px;  
}  
#content{  
    margin-left: 230px;  
    margin-bottom: 100px; /* footer-Höhe */  
    padding-bottom: 30px;  
    width: 700px;  
    overflow: auto;  
}  
#footer {  
    color: #CCC;  
    clear: both;  
    position: absolute;  
    bottom: 0;  
    background-color: #333;  
    height: 90px;  
    width: 100%;  
    padding-top: 10px;  
}

Soweit ich das sehen konnte funktioniert es im aktuellen FF und Opera. Andere Browser/-Versionen muss ich noch testen. Und ich seh gerade, dass ich das clear:both vom footer wohl entfernen kann.