Como centralizar uma div automaticamente no meio de outra div

deskpro123 · 28/02/2014

Hola a todos, quisiera saber como centrar un div automaticamente en Medio de otro div que estaria variando su altura por el tamano de las imagenes.

Un saludo,

SrPips · 28/02/2014

#div principal
{
#div secundario
{
align: center (no recuerdo si era exactamente align, creo que si)
}
}

prueba eso, quizás te funcione

deskpro123 · 28/02/2014

ArmandoAcosta disse:
#div principal
{
#div secundario
{
align: center (no recuerdo si era exactamente align, creo que si)
}
}

prueba eso, quizás te funcione

Gracias pero creo que eso solo lo centraria horizontalmente, yo quisiera centrarlo verticalemente, ya que si el div llega a ser de 500px, este centrado en 250px.

kanikase · 28/02/2014

HTML:

<center></center>

creo que eso seria

vicram10 · 28/02/2014

prueba con

Inserir CODE, HTML ou PHP:

vertical-align:middle

kanikase disse:
HTML:

<center></center>

creo que eso seria

ya no se usa esa tag..

tepublico · 28/02/2014

margin-left:auto;
margin-right:auto;

xSkArx · 28/02/2014

Para que quede centrado verticalmente yo usaba una tabla, y a ella le agregaba el vertical-align con css

shadowhck · 28/02/2014

margin: 0 auto;

y

vertical-align: middle

🙄

elgusty00 · 03/03/2014

El div de adento le colocas un ancho (width) y luego el margin en auto.

<div>
<div style="width:50%; margin:auto"></div>
</div>

Saludos.

yockerzard · 03/03/2014

.element {
position: relative;
top: 50%;
transform: translateY(-50%);
}

Fuente

Chakal01 · 03/03/2014

Caramba algunas respuestas me hicieron reir como la de <center></center>

Lo ideal sería width: 0 auto; claro definiendo antes el DIV principal.

Andres128 · 03/03/2014

Chakal01 disse:
Caramba algunas respuestas me hicieron reir como la de <center></center>

Lo ideal sería width: 0 auto; claro definiendo antes el DIV principal.

Pero a la final se esta buscando centrar y <center></center> cumplen muy bien su trabajo y los que dicen que ese tag ya no se usa, pues yo lo utilizo y lo utilizare hasta que el navegador no lo permita.

Saludos :encouragement:

Chakal01 · 03/03/2014

Andres128 disse:
Pero a la final se esta buscando centrar y <center></center> cumplen muy bien su trabajo y los que dicen que ese tag ya no se usa, pues yo lo utilizo y lo utilizare hasta que el navegador no lo permita.

Saludos :encouragement:

El problema amigo es que ya eso está [deprecated] si haces uso de eso así, sólo indica una cosa que no estás haciendo uso de CSS para maquetar, cosa que es lo más recomendado.

Saludos! :encouragement:

Andres128 · 03/03/2014

Chakal01 disse:
El problema amigo es que ya eso está [deprecated] si haces uso de eso así, sólo indica una cosa que no estás haciendo uso de CSS para maquetar, cosa que es lo más recomendado.

Saludos! :encouragement:

Interesante, gracias por tu explicación Chakal01 :encouragement:

Xanina · 11/04/2014

las demás no sé si funcionarán, alguna creo que sí... pero desde luego esta es la CORRECTA con mayúsculas, es la bien hecha :encouragement:

yockerzard disse:
.element {
position: relative;
top: 50%;
transform: translateY(-50%);
}

Fuente

Como centralizar uma div automaticamente no meio de outra div

deskpro123

SrPips

deskpro123

kanikase

vicram10

tepublico

xSkArx

shadowhck

elgusty00

yockerzard

Chakal01

Andres128

Chakal01

Andres128

Xanina

Tópicos similares