Centrar DIV horizontal en CSS en bottom

[xoceunder]

Hola es que estoy tratando de poder hacer que un div este en el centro del bottom de la web tengo esto ya echo aver si esta bien o falta halgo mas

Código CSS:

div#footer{
  background-color:#808080;
  position:fixed;
  bottom:0px;
  border-top-left-radius: 20px; 
  border-top-right-radius: 20px;
  color:#FFFFFF;
  width:780px;
  height:24px;
}
 

[JairLizcano]

El problema con el position que implementas es que el elemento abandona el flujo HTML, por ende no vas a lograr un centrado dependiente de algún otro contenedor. El elemento debe valerse por sí mismo para esto.

Yo, personalmente haría lo siguiente:

Código HTML:

#footer {
			
	background-color: #808080;
	position: fixed;
	bottom: 0px;
	border-top-left-radius: 20px; 
	border-top-right-radius: 20px;
	color: #FFFFFF;
	width: 60%;
	height: 24px;
	margin: 0px 20%;
}

De momento es lo primero que se me viene en mente. Espero te sirva.

Buena suerte.

[xoceunder]

muchas gracias mi amigo me funciono