Css allineato alla fine della pagina

Question

Desidero che il mio piè di pagina sia sempre sul fondo e si sposti per adattarlo alle dimensioni del contenuto all'interno della pagina. In questo momento ho un cotent dinamico che copre il footer perché è molto contenuto.

come posso risolvere il mio css

div#Footer 
    { 
     width: 100%; 
     height: 80px; 
     padding: 1px; 
     -moz-border-radius: 35px; 
     border-radius: 35px; 
     background-color: Black; 
     color: #ffffff; 
     position: fixed; 
     bottom: 0; 
     text-align: center; 
     margin-left: auto; 
     margin-right: auto; 
    } 

Answer 1

Questo è stato chiesto innumerevoli volte, stai cercando un Sticky Footer.
Basta seguire il collegamento lì, questa è una tecnica ben nota e offrono tutto il codice sorgente lì.

Answer 2

È necessario inviare più html/css di essere positivo di quello che sta succedendo qui, ma suona come il tuo piè di pagina è coperto dalla vostra pagina di contenuto. In questo caso, l'impostazione di uno z-index sul piè di pagina risolverà probabilmente il problema.

z-index: 1000; 

Questo può anche tipicamente essere ordinati per rendere sicuro il vostro piè di pagina appare alla fine del codice HTML, come elementi dichiarati in seguito apparirà in cima quelli precedenti.

Answer 3

È un po 'poco chiaro quello che vuoi ma questo codice ha funzionato bene per me.

credito - http://css-tricks.com/snippets/css/fixed-footer/

#footer { 
position:fixed; 
    left:0px; 
    bottom:0px; 
    height:30px; 
    width:100%; 
    background:#999; 
} 

/* IE 6 */ 
* html #footer { 
    position:absolute; 
    top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px'); 
} 

Answer 4

Si tratta di una soluzione più semplice.

#footer { 
    bottom: 0%; 
    position: fixed; 
}