Hola buenas tardes:
Soy nuevo en CSS y he estado realizando pruebas con las posiciones. Tengo que acomodar dos div (#texto y #texto2), uno junto a otro, mi código es el siguiente:
Código:
#content{
border-width:thin;
border-color:#000;
border-style:solid;
width:900px;
height:auto;
margin: 0 auto;
}
#texto{
border-width:thin;
border-color:#0F0;
border-style:dashed;
width:300px;
height:auto;
margin:0 30px;
}
#texto2{
border-width:thin;
border-color:#0F0;
border-style:dashed;
width:300px;
height:auto;
position:relative;
top:-700px;
left: 300px;
}
El problema es que, al ubicar el #texto2 (en la parte superior) me deja un espacio al final de mi contenedor (#content). He leído que es parte de la propiedad "relative". He intentado cambiar a absolute, el problema es que al momento de ver el sitio en otra resolución, las posiciones absolutas no se ubican en un lugar proporcional. ¿Hay forma de quitar el espacio que se reserva para un div al final de un documento utilizando posicionamiento relativo? ¿podrían sugerirme alguna solución?
De antemano gracias
Saludos cordiales