Hola de nuevo
rakol
Contesté en tu hilo de los
position:absolute; aconsejándote el uso de
float. Para tu ejemplo, prueba esto:
Código PHP:
// Me he cargado los TOP y he añadido los float:left
#cuadro1 {
float:left;
width: 250px;
height: 250px;
background-color: #dfdfdf;
position: relative;
left: 80px;
border: 5px solid #eeeeee;
box-shadow: 0px 1px 2px 2px #b0b1b1;
}
#cuadro2 {
float:left;
width: 250px;
height: 250px;
background-color: #dfdfdf;
position: relative;
left: 400px;
border: 5px solid #eeeeee;
box-shadow: 0px 1px 2px 2px #b0b1b1;
}
Verás que sí que se alinean. El problema es que al no decirle nada, ellos se colocan allá donde pueden. Por culpa del texto que molestaba solo a uno de los 2 DIV, uno se colocaba más arriba que el otro. Si tú le dices que flote, él respeta el espacio de los otros elementos y se coloca justo al lado (izquierdo o derecho) cuando acaba el elemento que le precede. Ahora ambos se colocan cuando acaba el texto, y por lo tanto están alineados. La idea es que todos los elementos floten, sólo en contadas excepciones un DIV no flota (por ejemplo cuando es un position:absolute )
Espero que te sirva, saludos!