Ejemplo:
Código HTML:
<div id="head">Cabeza con titulo y barra de navegacion</div>
<div class="wrappler"></div>
<div id="cuerpo">Cuerpo con el contenido esto quiero que flote y se superponga por arriba del header unos 20px</div>
<div class="wrappler"></div>
<div id="footer">Pie de pagina</div>
La css:
Código HTML:
#head { width:100%; height:100px; backround-color:#frf56h;}
.wrappler {clear:both; width:100%; margin:0 auto;}
#cuerpo {width:800px; min-height:650px; height:auto; overflow:hidden; position:relative; z-index:2; margin-top:-20px}
#footer{width:100%; height:50px; margin-top:20px; margin-bottom:50px; border-top: 2px #fff;}
Bueno algo asi, lo hice a ojo, no tengo editor en esta maquina.