Problema al centrar el footer.

[PeErre]

Estoy creando una cabecera y un footer con un ancho de 960px. La cabecera queda centrada y todo correcto, pero el footer no se me centra, se queda a la izquierda.

Si queréis y podéis ayudarme, os dejo el código a ver si vosotros veis el fallo:


div#footer{
position:fixed;
width:960px;
height:200px;
background-color:#282828;
bottom:0px;
}


Y el html:

<div id="footer"></div>

Gracias de antemano.

[pzin]

Si no está contenido en otro elemento que tenga ese ancho definido y esté centrado entonces se posicionará a la izquierda. Porque sale totalmente del flujo natural sin referencia alguna de posicionamiento.

Supongo que la cabecera no tendrá posición fija o si la tiene estará dentro de un elemento con anchura igual y centrado.

[herzbazi]

hola yo lo haría de esta forma


div#footer{
position:fixed;
width:960px;
height:200px;
background-color:#282828;
bottom:0px;
margin-left:50%;
left:-480px;
}

osea agregaria al css esto

margin-left:50%;
left:-480px;

el html lo dejo igual

ya lo hice y si se centra así que te garantizo que funciona

si te ayude suma un punto por favor

[PeErre]

herzbazi, he hecho lo que has dicho y me ha funcionado. Muchas gracias.

Un puntito para cada uno por molestarse en responder.