Ver Mensaje Individual
  #1 (permalink)  
Antiguo 19/07/2012, 23:21
Avatar de WebSalvador
WebSalvador
 
Fecha de Ingreso: agosto-2011
Ubicación: Lima - Perú
Mensajes: 171
Antigüedad: 12 años, 9 meses
Puntos: 2
Problema usando float y position, perdiendo el alto de div viendose mal los demas div

Muchas gracias por leer mi problemilla, tengo el siguiente ejemplo http://www.websalvador.com/ejemplos/ejemplo-montar-div-sobreotros.html resulta que deseo en mi diseño tengo tres div contenedores principales: cont-encabezado (color amarillo), cont-cuerpo (color rojo) y cont-pie-pagina (color azul).

Deseo que de la apariencia que el div cont-cuerpo (color rojo)esta montado sobre los dos restantes tal como se ve en mi ejemplo, claro se ve así porque le puse a un div que esta dentro un alto especifico (<div id="cuerpo-design" style="height:700px">) pero si saco este valor se ve mal como este ejemplo http://www.websalvador.com/ejemplos/ejemplo-montar-div-sobreotros-mal.html.

Mi problema es el siguiente como los elementos div que están dentro de "cont-cuerpo" están usando float para ubicarlos y position absolute y relative para dar la apariencia de montado encima, no se porque no respeta su valor de alto que debe tener y el div cont-pie-pagina se va inmediatamente arriba debajo de cont-encabezado sin tomar en cuenta a cont-cuerpo.

La solución tal sea dando un valor height:xxx px como lo hice en http://www.websalvador.com/ejemplos/ejemplo-montar-div-sobreotros.html pero si el div se le agrega párrafos el alto crecería y quiero usarlo para varias paginas no solo para uno, siempre se me presenta este error cuando en unos div uso float y en los demás no.

POr fa tal vez algo estoy pasando por alto les agradeceré un montón.

En los ejemplo html estan los ejemplos css.
__________________
Studio Web Salvador http://www.acuarel.pe/