Pie de Web que se adapte según dimensiones

[alamarcheta]

Muy buenas!
Estoy con una Web donde le quiero meter un pie que se adapte según el alto de la página, pero que cuando el alto sea menor que el contenido, este no se ponga por encima.



¿Me podríais echar una mano?

Saludos

[alamarcheta]

Estoy probando con el padding, margin, top, .... pero no hay manera.

[axiertxo]

ahí te va, haber si et sirve

<style>
#lateral_izquierda{
width:300px;
background:#000;
}

#pie{
width:100%;
background:#fc0;
}

#contenido{
height:100%
}
</style>
<div id="contenido">

<div id="lateral_izquierda">

</div>

</div>

<div id="pie">

</div>

[alamarcheta]

Voy a probar. Ahora te digo.

[axiertxo]

a mi al emnos me va

[axiertxo]

Gracias rrufo. Si, es muy importante estructurar bien los divs sino...

Saludos

[alamarcheta]

Ya lo he probado. No es exactamente lo que yo quería y además solo funciona en IE. El pie tiene que estar siempre a 10px separado de final. El ejemplo que tú me has dado se queda pegado al contenido y aunque redimensiones el navegador este no se adapta. En la imagen que te pase se ve.
Gracias de todas formas

[axiertxo]

vale, ahora lo entiendo mejor. ahi te va

<style>


#lateral_izquierda{
width:300px;
background:#000;
color:#fff;
clear:right;
}

#pie{
width:100%;
background:#fc0;
clear:both;
dispaly:block;
}

#contenido{
height:100%;

}

.especial{
line-height:10px;
}
</style>
<div id="contenido">

<div id="lateral_izquierda">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce est neque, euismod vel, aliquam vitae, fermentum vitae, dolor. Nulla eu orci. Praesent rhoncus. Quisque molestie dui eget quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Integer quis est. Sed non enim. Sed leo. Duis at arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus mauris. Sed nunc dui, lobortis ut, euismod in, lacinia et, risus. In ut libero id quam aliquet hendrerit. Aliquam auctor. Suspendisse vel lorem eu nunc ultrices imperdiet. In vitae justo. Morbi ac eros sed quam ultrices imperdiet. Nullam adipiscing risus ac leo. Cras aliquet ante eu nisi volutpat adipiscing.
libero, luctus id, sodales adipiscing, sollicitudin eu, libero. Ut iaculis mattis erat. Integer sollicitudin libero ac ligula.


</div>
</div>
<div id="pie">
In eu nisl. Cras nec leo vitae pede viverra accumsan. Phasellus pulvinar ante nec arcu. Vestibulum eget ante. Sed mi arcu, iaculis in, semper at, fermentum non, urna. Ut sed lorem. Nunc ut quam. Aenean vel tortor. Curabitur sapien neque, euismod vitae, tincidunt at, tristique eleifend, metus. Etiam auctor. Nunc tristique. Duis a justo. Aliquam diam. Sed lobortis. Fusce vel arcu in magna pharetra vulputate. Sed luctus luctus ipsum.
</div>
<br class="especial">

[alamarcheta]

Hace lo mismo que lo que me pasaste. Ahora si que funciona en todos los navegadores pero sigue pegado el pie al contenido. En la parte derecha de la imagen te pongo como seria. Gracias otra vez por responder