Ver Mensaje Individual
  #1 (permalink)  
Antiguo 17/06/2014, 09:46
Avatar de madman_18
madman_18
 
Fecha de Ingreso: agosto-2010
Mensajes: 792
Antigüedad: 14 años, 3 meses
Puntos: 14
Pregunta Mantener margen en una estructura de 4 divs de tamaño variable

Hola a todos!!

Quería a ver si alguno me podría dar una idea para controlar el margen entre varios divs que tienen un height variable...

La estructura es básica: tengo un contenedor el cual divido en dos columnas y estas contienen dos bloques divs.

Hasta ahí todo bien...pero me gustaría que el margen que mantienen los divs superiores (los que están dentro de las dos columnas) fuese siempre el mismo y así quedasen los dos divs inferiores siempre al mismo nivel (para que no aparezca uno más arriba que el otro o más abajo que el otro)
Mi estructura es la siguiente:
Código HTML:
Ver original
  1. <article id="columna1">
  2. <div id="contenido-sup"></div>
  3. <div id="contenido-inf"></div>
  4. <article id="columna2">
  5. <div id="contenido-sup"></div>
  6. <div id="contenido-inf"></div>

El problema me viene en que los divs de contenido-sup varían de tamaño...lo mismo me puede medir uno 200px que el otro 500px... y no encuentro la forma de controlarlo
__________________
"Si consigues ser algo más que un hombre, si te entregas a un ideal, te convertes en algo muy diferente"