Problema con posicionado de capas

[DaneelR]

Lo primero un saludo y gracias por leer mi duda:

Estoy utilizando capas para realizar una página, pero una de ellas, la capa "contenido", no le defino la altura, ya que se rellena dinamicamente y no se cuanto ocupa a priori su contenido. Bien, mi problema surge porque quiero poner una capa que haga de pie de página, entonces lo que quiero saber es donde acaba la capa de contenido para poder posicionar la capa "pie" al final de la página. He intentado posicionarla con javascript pero cuando leo la altura de la capa "contenido" me da que es null. Así mi pregunta es: ¿se puede utilizar capas para poner un pie a una página?

Muchas gracias de nuevo y un saludo.

[Wakkos]

Yo creo que sí!!

Con esto debería funcionar (siempre 'debería' ya que depende de como tengas las otras capas)

Código PHP:

  #footer {  
    position:absolute; 
    bottom:0px; 
    right:0px; 
    padding:20px; 
    height: 25px; 
    background-color:#982F0A; 
    border:1px dashed #999; 
    width:100%; 
    font-family: Verdana; 
    font-size: 9px; 
    text-align:center; 
    }  
   

Básicamente lo que hace el truco es:

Código:

                position:absolute;
	bottom:0px;
	right:0px;
	width:100%;

Acá hice un ejemplo para que lo veas:

footer.html

Edit: malditos smilies....

[DaneelR]

He probado lo que dices y el pie siempre sale al pie de la pantalla del navegador, pero cuando pones un contenido que hace que la capa de contenido sea más alta, el pie sigue se queda arriba. ¿Existe alguna manera de decirle al navegador que algo es pie de documento y no de ventana de navegador? (yo ya he rebuscado por todos sitios y nanai)

Un saludo.


Proverbio chino (o no): "No preguntes si se puede, seguro que si, siempre se puede"

[DaneelR]

Bien, solución rápida, como era obvio si se podía, el código tuyo funciona perfecto, salvo que la capa footer debe ser con posición relativa, así funciona bien y siempre sale al final del documento. Muchas gracias por tu ayuda, y por la pista.

Un saludo mu agradesio.