Que tal muchachos, soy nuevo en el foro, al igual que en CSS, quisiera algo de ayuda . Aca les pongo el codigo y que es lo que sucede.
Código:
<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>
y el css
Código:
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;
}
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.