Test Foro de elhacker.net SMF 2.1

Buenas.

como podria aujustar la altura de la distancia entre uno y otro div a lo alto, ya que visto en movil se juntan los divs en pc ok ,tengo esto puesto.

<div id="texto"><b>textoooooooo</b></div>
           <div id="texto1"><form></form></div>
<div id="texto2"><b>textoooooooooooooo</b></div>
              <div id="texto3"><form></div>


div#texto{
position:absolute;
    top:210px; /* distancia cabecera 230*/    
    background-color:#F90; /* fondo color div*/
left:2vw; /* izquierda div*/
    width:auto;
height:auto;
font-family:tahoma; /* tipo de letra*/
font-size:14px; /* tamaño letra*/
}

div#texto1{
position:absolute;
    top:230px; /* distancia cabecera 250*/    
    background-color:#6C9; /* fondo color div*/
left:4vw; /* izquierda div*/
    width:90%; /* ancho div*/
height:auto; /* alto div*/
font-family:tahoma; /* tipo de letra*/
font-size:14px; /* tamaño letra*/
}



Saludosss.

Si un div esta arriba del otro y lo que quieres es separarlos un poco, al div de abajo le tendrias que dar un css :


margin-top: 10px;


Cita de: Razzari en  4 Marzo 2017, 19:22 PM
Si un div esta arriba del otro y lo que quieres es separarlos un poco, al div de abajo le tendrias que dar un css :

Código [Seleccionar] Expandir


margin-top: 10px;


nada lo mismo que se escribo top, para verlo ok en vista movil tengo hacer esta configuracion pero en vista pc salen a una distancia enorme (son varios div y encima hay otros)

div#texto{
position:absolute;
    top:210px; /* distancia cabecera top:210px;*/    
    background-color:#F90; /* fondo color div*/
left:2vw; /* izquierda div*/
    width:auto;
height:auto;
font-family:tahoma; /* tipo de letra*/
font-size:14px; /* tamaño letra*/
}

div#texto1{
position:absolute;
    top:230px; /* distancia cabecera top:230px;*/    
    background-color:#6C9; /* fondo color div*/
left:4vw; /* izquierda div*/
    width:90%; /* ancho div*/
height:auto; /* alto div*/
font-family:tahoma; /* tipo de letra*/
font-size:14px; /* tamaño letra*/
}

div#texto2{
position:absolute;
    margin-top:470px;/* distancia cabecera top: 520*/    
    background-color:#F90; /* fondo color div*/
left:2vw; /* izquierda div*/
    width:auto;
height:auto;
font-family:tahoma; /* tipo de letra*/
font-size:14px; /* tamaño letra*/
}

div#texto3{
position:absolute;
    margin-top:490px; /* distancia cabecera top:480px;*/    
    background-color:#6C9; /* fondo color div*/
left:4vw; /* izquierda div*/
    width:90%; /* ancho div*/
height:auto; /* alto div*/
font-family:tahoma; /* tipo de letra*/
font-size:14px; /* tamaño letra*/
}

div#texto4{
position:absolute;
    margin-top:650px; /* distancia cabecera top:580px;*/    
    background-color:#F90; /* fondo color div*/
left:2vw; /* izquierda div*/
    width:auto;
height:auto;
font-family:tahoma; /* tipo de letra*/
font-size:14px; /* tamaño letra*/
}

div#texto5{
position:absolute;
    margin-top:670px; /* distancia cabecera top:600px;*/    
    background-color:#6C9; /* fondo color div*/
left:4vw; /* izquierda div*/
    width:90%; /* ancho div*/
height:auto; /* alto div*/
font-family:tahoma; /* tipo de letra*/
font-size:14px; /* tamaño letra*/
}

div#texto6{
position:absolute;
    margin-top:730px; /* distancia cabecera top:660px;*/    
    background-color:#F90; /* fondo color div*/
left:2vw; /* izquierda div*/
    width:auto;
height:auto;
font-family:tahoma; /* tipo de letra*/
font-size:14px; /* tamaño letra*/
}

div#texto7{
position:absolute;
  margin-top:750px; /* distancia cabecera top:700px;*/    
    background-color:#6C9; /* fondo color div*/
left:4vw; /* izquierda div*/
    width:90%; /* ancho div*/
height:auto; /* alto div*/
font-family:tahoma; /* tipo de letra*/
font-size:14px; /* tamaño letra*/
}


Saludosss.