Espacio entre divs

[chrishxc]

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.

[ArturoGallegos]

tu problema radica en el position:absolute retiralo y santo remedio

y seria mejor ponerlo como por ejemplo

Código CSS:

#contenido div{margin:3px 0;}
 

Código HTML:

<div id="contenido">
    <div>contenido 1</div>
    <div>contenido 2</div>
</div>
 

Nota: Los div son elementos tipo bloque no es necesario especificar el ancho al 100% ya lo hacen por default y al igual la altura es automática por default no es necesario especificarlo