Lo que quiero es que dos divs estén SIEMPRE a una cierta distancia entre ellos, con el problema que estos divs tendrán un height "auto" que variará dependiendo del contenido que se publique.
Lo primero que he probado es poner un div2 anidado a un div1, y con un bottom:200px. Esto funciona siempre, sea cual sea el tamaño del div, pero se fastidia a medida que el div2 supera su tamaño "estándar".
¿Hay alguna manera que teniendo un div1 y un div2 en height:auto, el div2 esté siempre a una distancia X de este div1?
Lo que he hecho yo es:
Código:
#div1{
position:absolute;
height:auto;
width:100%;
}
#div2{
position:absolute;
height:auto;
width:100%;
bottom:200px;
Ya en el archivo web:
Código:
<div id="div1">
<div id="div2">
</div>
</div>
Insisto, esto funciona hasta que el div2 supera demasiado su tamaño.