Ver Mensaje Individual
  #3 (permalink)  
Antiguo 10/07/2012, 13:50
rossijona
 
Fecha de Ingreso: junio-2010
Mensajes: 142
Antigüedad: 13 años, 10 meses
Puntos: 5
Respuesta: centrar contenido en un div

Buenas, si.

La forma de centrar un elemento en este caso DIV en un contenedor horizontalmente y verticalmente, por ejemplo: http://bioquim.com.uy/

antes que nada debes de darle al contenedor posicion relativa.
Código HTML:
.contenedor{position: relative;}
Luego el elemento que quieres centrar lo pones lo siguiente:
Código HTML:
.elemento{
position: absolute;
top: 50%;
left: 50%;
}
y tmb le debes de poner margin-top y margin-left. este margin top y left deben de ser la mitad del ancho para left y la mitad del alto para top.

Ahora el ejemplo completo:
Código HTML:
.elemento{
position: absolute;
top: 50%;
left: 50%;
width: 500px;
height: 500px;
margin-top: -250px; // Si ves le restas la mitad del alto total del elemento
margin-left: -250px; // Y lo mismo para left
}
Mucha suerte!