Css alinear a la parte inferior de la página

Question

Quiero que mi pie de página siempre esté en la parte inferior y mover para ajustar el tamaño del contenido dentro de la página. Ahora mismo tengo un cotent dinámico que cubre el pie de página porque es demasiado contenido.

¿Cómo puedo arreglar mi 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

Esto se ha preguntado en innumerables ocasiones, usted está buscando un pie de página adhesivo.
Simplemente siga el enlace allí, esta es una técnica bien conocida y ofrecen todo el código fuente allí.

Answer 2

Se deben desplazar a más de HTML/CSS a ser positivo de lo que está pasando aquí, pero suena como el pie de página está siendo cubierto por su página de contenido. Si este es el caso, entonces establecer un índice Z en el pie de página probablemente resolverá el problema.

z-index: 1000; 

Esto puede también suelen ser ordenados por asegurarse de que su pie aparece al final de su html, como elementos declararon más tarde aparecerá en la parte superior de los anteriores.

Answer 3

No está claro qué es lo que quiere, pero este código me ha funcionado bien.

crédito - 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

Ésta es una solución más simple.

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