Centrar un div

Krlinhos · #1 (**permalink**) 02/02/2012, 05:18

Hola,

tengo un pequeño problema. Estoy cargando unos divs mediante ajax. Cada div va debajo de otro anterior ya existente, formando una columna. La cosa es que quiero que este ultimo div que se haya cargado, se centre en el medio de la pantalla(en altura) Es decir me deberia desplazar todos los divs anteriores(columna) hacia arriba. Pero no se como hacer eso. Alguien me podria orientar??

Gracias.

djaevi · #2 (**permalink**) 02/02/2012, 06:26

Hola te escribo porque yo he sufrido eso je asi que espero ayudarte te dejo este codigo fijate que ademas de los pequeños divs como dices he agregado un div contenedor de estos para que la alineacion dependa de este div que tiene como id "contenedor" el resto tiene un id diferente para ver en colores distinto, y le asigne la clase dinamicos para darle a todos el mismo ancho alto y color de letra, espero te sirva cualquier cosa me avisas.

Código HTML:

Ver original<html>
<head>
<style>
 
#contenedor {
position:relative;
width:400px;
left:50%;
margin-left:-200px;
}
 
.dinamicos {
width:200px;
height:200px;
color:#FFFFFF;
}
 
#div1 { background-color:#FF0000; }
#div2 { background-color:#00FF00; }
#div3 { background-color:#0000FF; }
 
</style>
</head>
<body>
    <div id="contenedor">   
        <div id="div1" class="dinamicos">
            <p>Hola 123</p>
        </div>
        <div id="div2" class="dinamicos">
            <p>Hola 123</p>
        </div>
        <div id="div3" class="dinamicos">
            <p>Hola 123</p>
        </div>
    </div>
</body>
</html>
 
Salu2

Krlinhos · #3 (**permalink**) 03/02/2012, 04:51

Hola gracias por la respuesta.Yo lo tengo hecho asi. La idea entonces es mediante javascript ir cambiando el atributo top del div contenedor no?? pero cuanto lo tengo q cambiar, porque en mi caso cada div que inserta tendra un tamaño distinto...

Tienes el codigo javascript??

Gracias de nuevo.