Hola, escribo esto despues de haber intentado hacer mil cosas para solucionarlo. Os pongo primero un croquis de la web es sencillo :
Ahora os enseño como me queda, para que veais lo que me ocurre, y podais ayudarme, como se ve en esta imagen, no se ven los bordes
Bueno queria que me dijeseis como puedo hacer para que al meter contenido, y consecuentemente se alargue la div CENTRO, se me alargue la plantilla, y que claro, pueda ver los bordes tambien.
Os pongo el codigo html y CSS para facilitar mas la posible ayuda :
Código CODIGO 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>
<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>
Código:
#web {
width:966px;
position:relative;
margin-left: auto;
margin-right: auto;
}
#cabecera {
width:966px;
height:153px;
}
#contenedor{
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;
}
#izquierda{
background:#CCC;
width:200px;
background:#CCC;
float:left;
}
#centro{
background:#CCC;
width:538px;
background:#6CF;
float:left;
}
#derecha{
background:#CCC;
width:200px;
background:#CCC;
float:left;
}
#footer{
height:57px;
background:#3F0;
float:right;
width:966px;
background:#69C;
clear:both;
}
Espero que me podais ayudar con el problema, y perdonad que haya puesto tanto, pero lo hago para facilitar la respuesta.
Gracias de antemano
