<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">