Como envio un div al fondo al pie de la pagina?

[snakepit]

Quisiera saber que caracteristica le tengo que poner a un div para que funcione como pie donde pongo "todos los derechos reservados" y que vaya justo al fondo de la pagina. Muchas gracias

[Snd234]

mmmm...... nada en especial... deberia ser algo asi

Código:

<div id="contenedor">
    <div id="titulo"></div>
    <div id="contenido"></div>
    <div id="pie"></div>
</div

Quizás el único atributo que podría serte útil seria clear:both, en caso de tener en el contenido algún menú lateral o algo y dejas alguno flotando... Así cuando tu contenido crezca con la información el pie de página siempre ira quedando al final...

[snakepit]

si pero necesito qeu vaya tocando el fondo aunque no haya informacion en el contenido

[snakepit]

nadie tiene la respuesta?

[netzky]

en el html

Código HTML:

<div id="contenedor">
    <div id="titulo"></div>
    <div id="contenido"></div>
    <div id="pie"></div>
</div

al css:

Código HTML:

#contenedor{
display:block;
position:relative;
height: 100%;
}
html{
height: 100%;
}
body{
height: 100%;
}
#pie{
display:block;
position:relative;
margin: -20px;
}

con esto deberia funcionar, ojo, podria haber cierta diferencia con IE y con Firefox, en firefox usa min-height