CSS Footer Ancho fijo, Parte inferior de la pantalla y centrado

Question

Soy un desarrollador de iPhone principalmente, soy un poco basura en CSS y estoy tratando de hacer una página web para mi aplicación.

Quiero hacer mi pie de página tiene las siguientes propiedades:

• ancho fijo de 640px
• Centrado
• adjuntos a la parte inferior de la pantalla , no la página. Entonces, cuando el usuario cambia el tamaño de la ventana, el pie de página siempre está en la parte inferior

Todo el otro estilo que puedo hacer, es solo un estilo posicional que me resulta realmente difícil.

¿Puede alguien explicarme cómo hacer esto en CSS?

Answer 1

footer { 
    width: 640px; 
    margin: 0% -320px; 
    position: fixed; 
    left: 50%; 
    bottom: 0%; 
} 

Ejemplo: http://jsbin.com/imisig/3

Ejemplo con montones de texto: http://jsbin.com/imisig/4

Answer 2

Poner el pie de página HTML en un <div id="footer">. Y el CSS sería algo como esto:

#footer { 
    width: 640px; 
    position: fixed; 
    bottom: 0px; 
    left: 50%; 
    margin-left: -320px; 
} 

Explicación

• La propiedad width establece el ancho de 640px
• position: fixed lo hará de manera que se desplaza con la página
• bottom: 0px hace arreglado en la parte inferior de la página (distancia al fondo = 0px)
• left: 50% pone el lef t lado de la div al centro de la página
• margin-left: -320px - ahora tenemos que moverlo 320 píxeles desde la izquierda para que sea centrado