problema con 2 o mas div

cristo995 · #1 (**permalink**) 04/01/2014, 18:58

tengo un problema al acomodar un div debajo de otro ..

si al 1er div le pongo un margen top de 50 px atuo;

el 2do div automaticamente no se por que toma tambien el margen top del primero..

aqui el codigo.

Código HTML:

Ver original<html>
<head>
<style>
    .dv1{
        width:500px;
        height:100px;
        border:1px solid blue;
        margin:50px auto;
    }
    
    .dv2{
        width:500px;
        height:100px;
        border:1px solid blue;
    }
</style>
</head>
 
<body>
    <div class="dv1">
    
    </div>
    
    <div class="dv2">
    
    </div>
</body>
</html>

no se supone que el 2do div deveria quedar pegadito al primero en la parte de abajo ???

por que toma el margen automaticamente y solo en la parte de arriba..

para solucionar esto siempre me toca darle al 2do div un margen top: -50px

es esto apropiado ??? o me estoy pasando por alto alguna cosa ??

pzin · #2 (**permalink**) 04/01/2014, 19:11

margin: 50px auto significa 50 píxeles arriba y abajo y automático a izquierda y derecha...

margin: 50px auto 0 significa 50 píxeles arriba, automática a izquierda y derecha y 0 abajo...

Usa la opción highlight cuando publiques código.

cristo995 · #3 (**permalink**) 04/01/2014, 19:22

ahhh caramba... muchisimas gracias ps esa no me la sabia

y es muy util..

de casualidad por si acaso tendras info sobre css.

pero no de lo basico sino algunos tips o cositas asi de gran utilidad