Centrar div vertical y horizontalmente

Este es el código css para centrar un div o cualqueir otro objeto:

#DIV{
position:absolute;
/*El top y el left centran el vertice del div*/
left:50%;
top:50%;

width:300px;
margin-left:-150px /*la mitad del width del div*/
height:200px;
margin-top:-100px; /*la mitad del height del div*/
}

Pues para que se entienda les dejo esta imagen:

Imagen Centrar div

 

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s