Foros del Web » Creando para Internet » CSS »

Espacio entre divs

Estas en el tema de Espacio entre divs en el foro de CSS en Foros del Web. 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" ...
  #1 (permalink)  
Antiguo 19/04/2011, 12:54
 
Fecha de Ingreso: julio-2008
Mensajes: 210
Antigüedad: 9 años, 4 meses
Puntos: 19
Pregunta Espacio entre divs

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.
  #2 (permalink)  
Antiguo 19/04/2011, 13:33
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.823
Antigüedad: 9 años, 9 meses
Puntos: 951
Respuesta: Espacio entre divs

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

y seria mejor ponerlo como por ejemplo

Código CSS:
Ver original
  1. #contenido div{margin:3px 0;}

Código HTML:
Ver original
  1. <div id="contenido">
  2.     <div>contenido 1</div>
  3.     <div>contenido 2</div>
  4. </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
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....

Última edición por ArturoGallegos; 19/04/2011 a las 15:31

Etiquetas: divs, espacio
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:41.