poner DIV al medio de la pagina

[juandedios]

Hay forma de posicionar un DIV al medio de la pagina con CSS?

[locoxchacho]

si, con margin:0 auto;

saludos!

[juandedios]

eso funciona asi aunque el DIV sea de pongamos 200px por 200px?

[Calizman]

Te refieres a "El medio de la pagina" Horizontal, o Verticalmente?

[locoxchacho]

lo que te puse es si lo quieres centrado, digamos... si lo quieres en el medio centrado verticalmente... pues ahi, no sabria bien que decirte...

saludos!

[daPhyre]

Para centrarlo horizontal y verticalmente es un poco más complejo:

Código:

position:absolute;
width:200px;
height:200px;
top:50%;
left:50%;
margin-top:-100px;
margin-left:-100px;

Espero esto te ayude, suerte

[mandrilbulin]

A mí me funcionó así:

<style type="text/css">
<!--
body {
text-align:center;
/*asegura una alinación centrada*/
}
.container {
position: absolute;
top:50%;
left:50%;
/*determinamos un ancho del div, en este caso es la anchura de una imagen*/
width:540px;
/*indicamos que el margen izquierdo es la mitad de ese ancho, es decir, 540px dividido por 2*/
margin-left:-270px;
/*determinamos una altura*/
height:466px;
/*indicamos que el margen superior es la mitad de la altura, es decir, 466px dividido por 2*/
margin-top:-233px;
padding:5px;
}
</style>

Y... eso. Saludos.

[jackbach]

¡IMPORTANTE!
A veces no se centra porque no le hemos dado un valor de ancho, y toma como ancho 100%. Si no se centra un div con:
#__{
margin: 0 auto;
}

añadirle lo que mide de ancho con:
width: __px;

hasta pronto!

[jomaruro]

Hola:

En la página de Mikmoro tienes varios ejemplos de centrado, a ver si te sirve alguno.

Saludos.

[ivanzv]

Deberian usar el buscador del foro para encontrar respuesta a preguntas tan recurrentes como esta.

[Calizman]

Disculpen! Este post se abrió hace 5 meses... (en febrero para ser exactos) No creo que sea conveniente contestar articulos de hace tanto tiempo.

Hasta Luego!

[jomaruro]

Hola:

¡¡vaya despiste!!

Saludos.

[Calizman]

No hay problema Jomaruro!! A todos nos pasa... Teniendo en cuenta que era viernes... es algo normal!