Posicionar un div debajo de una capa absoluta

[SnakeCode]

Holas:

Tengo el siguiente problema, estoy en una maquetación y tengo mi capa de contenido con posición absoluta y debajo va la capa footer, como es obvio, el footer me aparece debajo de la capa de cabecera y encima el contenido, ahi va mi problema, como resolveria el para que la capa footer me queda abajo de la capa contenido la cual esta con posición absoluta, espero haberme explicado bien. Gracias de antemano.

Saludos.

pd: disculpen si ya esta este tema, pero es de urgencia tengo que entregar ya la maquetación.

[C2am]

El primer error es tener la caja de contenido en posición absoluta (según mi punto de vista).

El segundo es que no muestras el código que estas usando (html + css), en consecuencia no sabemos realmente como es la situación, ya que por ejemplo "debajo" o "abajo", podría ser debajo en el eje y o en el eje z.
Siendo z perpendicular a la pantalla.

Así que, publica en código o un enlace.

Saludos

[SnakeCode]

Hola C2am:

Gracias por tu pronta respuesta, te mando un link:
http://pruebas.roger-rojas.site11.com/dinnospizza/

Ahi te darás cuenta mas o menos la idea de la web y si te fijas el footer de la web esta casi abajo de la capa header y quisiera que este abajo de la capa contenido ... ese es mi problema ... no se si me entiendo??

Saludos

[C2am]

El problema es la posición absoluta de "contenido", además que es incomprensible ya que tienes el header en posición relativa.
Digo, la causa es que la position:absolute, saca esa caja del flujo normal del documento y en consecuencia los otros div no se dan por enterado que existe.

Lee esto: http://www.librosweb.es/css/capitulo...onamiento.html

Como sugerencia te diría que no uses position:absolute ni para "contenido" ni para el footer.

Saludos

[SnakeCode]

Lo que pasa, es que quiero que esa capa contenido quede por encima de ese fondo azul, así como esta en el enlace y la única manera que he encontrado es con posición absoluta, otra forma de hacerlo ... cual seria?? si no fuera molestia ... Gracias!!

[pitufoweb]

También no se si habrás notado, pero en cada navegador se ve diferente y ni se diga de IE8, se ve todo descuadrado.



Saludos

[SnakeCode]

Hola pitufoweb:

Si debe ser, gracias por la observación, aún no he hecho las pruebas en los diferentes navegadores, solo en Chrome, y menos en IE, ya que trabajo con MAC, pero primero quiero solucionar todo este tema. De todos modos, lo repito, gracias por la observación.

Saludos

[C2am]

Lo pensaría distinto, dejando relative lo más importante: header-contenido-footer.
Y creando una caja con posición absoluta que me sirva para poner ese fondo verde-azul detrás de header-contenido.
Es decir, sacar del flujo del documento lo menos importante, lo decorativo, ubicarlo por encima del fondo amarillo, pero detrás del header y contenido.

También podrías ubicar el contenido con top:-200px (o lo que corresponda), pero con position:relative. aunque deberías repetir lo mismo con el pie. Es una chapuza pero funciona, no es muy correcto que digamos.

[pitufoweb]

También veo algunos errores en el código html, creo que un div no esta bien cerrado en el header y tienes un <br > dentro de un<ul>.




Saludos

[pitufoweb]

En realidad lo que deseas hacer es muy sencillo. Te explico como lo haría yo:

El contenido lo pones con posición relativa, z-index 2 y margin-top -200px o lo que sea. Y eso seria todo.



Saludos

[SnakeCode]

Gracias C2am y pitufoweb por sus respuestas, lo pondre en práctica, vere los resultados y les comento. Nuevamente muchas gracias

Saludos