Foros del Web - Ver Mensaje Individual

sander · #2 (**permalink**) 01/12/2009, 10:25

Hola prueba con agregar esto:

Código css:

Ver original#contenedor
{
    overflow: auto;
    width:938px;
    background:#CCC;
    clear:both;
    border-left:#F0F;
    border-left-style:solid;
    border-left:14px;
    border-right:#F0F;
    border-right-style:solid;
    border-right:14px;
}

Tambien tienes que hacer un corte despues de tu div derecha para que se ordenen correctamente para eso necesitas usar un div sin contenido con la propiedad clear:both asi:

Código html:

Ver original<body>
<div id="web">
<div id="cabecera" style="clear:both"><img src="http://www.forosdelweb.com/f53/imagenes/cabecera.jpg"/></div>
<div id="contenedor">
<div id="izquierda">IZQUIERDA</div>
<div id="centro">CENTRO</div>
<div id="derecha">DERECHA</div>
<div id="neutral"></div>
</div>
<div id="footer">
<div id="f1"><img src="http://www.forosdelweb.com/f53/imagenes/fot-izq.jpg" width="35" height="57" /></div>
<div id="f2" align="center"></div>
<div id="f3"><img src="http://www.forosdelweb.com/f53/imagenes/fot-dch.jpg" width="35" height="57" /></div>
</div>
</div>
</body>

En el tu css aumentas esto:

Código css:

Ver original#neutral
{
      clear: both;
}

Con eso deberia solucionarse tu problema.

Saludos.