Colocar pie de página

[VitorGarcia]

Hola a todos, hace un tiempo que visito este foro pero la verdad es que es la primera vez que escribo algo... a ver si podeis ayudarme...

Tengo el pie de página compuesto por 2 capas con el siguiente cógido

Código:

<div id="pie">
  <div id="pie1">
    <p class="pieDerecha">© Victor Garc&iacute;a Antu&ntilde;a 2008</p>
  </div>
</div>

en las páginas en las que hay scroll no tengo ningún problema, se queda abajo sin falta de hacerle nada, pero en la portada de la web que el contenido es poco para colocarlo abajo del todo me veo obligado a meterle un position:absolute;

Código:

#pie {
	width: 100%;
	margin: 15px auto 0 auto;
	position:absolute; bottom:15px;
}
#pie1 {
	width: 970px;
	border-top: 1px solid #404040;
	margin:0 auto;
}

El problema de usar el position:absolute; es que si la resolución es mas pequeña de lo que debiera podría llegar al problema de que el pie de página se me ponga encima del contenido... habría alguna otra manera de hacer que aparezca abajo del todo sin falta del absolute??

[Raulmmmm]

Mírate esto (está en inglés):
http://www.themaninblue.com/writing/...ve/2005/08/29/

[Mikmoro]

El tema es más peliagudo de lo que parece. Mira a ver si te sirve este ejemplo

Mikel.

[VitorGarcia]

Gracias por vuestra ayuda, partiendo del código de Mikmoro lo he conseguido... parece una chorradita pero me ha dado la lata un huevo...

Un saludo.