Código:
y el css<div id="wrap"> <div class="head"></div> <div class="linea"></div> <div class="contenedorizq"></div><div class="contenedorder"></div> <div class="contenedorcentro"> <p>grfg</p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> fff</p> </div> </div> <div id="pie">.</div>
Código:
EL problema es que el #pie no queda centrado.... se va a la izq. :( seguro es un problema estupido, pero como les sigo diciendo, soy nuevo y aun no comprendo bien esto, no mas decirles que estuve como 5 horas para hacer eso jejeje. body { text-align:center; background-image: url(img/bg.gif) } #wrap { margin:0 auto 0 auto; width:860px; background:#FFFFFF; text-align:center; } #pie { width:860px; background-image: url(img/f.jpg); height: 50px; margin-top: 10px; visibility: visible; position: relative; float: none; } .head { background-image:url(img/h.jpg); background-repeat: no-repeat; height: 200px; width: 860px; position: relative; } .linea { background-image:url(img/l.jpg); background-repeat: no-repeat; background-position: bottom; height: 2px; width: 860px; position: relative; padding-top: 10px; } .contenedorizq { float: left; height: 200px; width: 180px; margin: 10px; background-color:#CCCCCC; } .contenedorder { float: right; height: 200px; width: 180px; margin: 10px; background-color:#CCCCCC; } .contenedorcentro { float: none; width: 460px; padding: 0px; margin-top: 10px; text-align:left; margin-bottom: 10px; }