Gracias por vuestra atención, la verdad es que no ecuentro el problema.
EL CODIGO DE LA HOJA DE ESTILOS ES: Tengo una contenedor en el que inserto toda la pagina:
Contenedor :
#contenedor {
position:relative;
width:985px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
height: auto;
background-color: #0C9;
}
Dentro de ese contenedor tengo una Header:
Header:
#header{
width:985px;
height:30px;
background-color:#FFF;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
Debajo del Header he colocado un Container para meter dentro las tres columnas:
Container: #container{
width:auto;
height:1300px;
margin: 0px;
background-color: #3CF;
position: relative;
}
Dentro del Cointainer hay tres columnas, izquierda, centro e izquierda
Izquierda: #izquierda{
width:232px;
height:600px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 8px;
float:left;
background-color: #FA0419;
position: relative;
}
Centro es Igual a la izquierda y derecha es igual a las dos anteriores (lo único que cambia son los anchos) Y después un footer
Footer: #footer {
width:100%;
height:100px;
float: left;
clear: both;
background-color: #CCC;
}
Y EL CODIGO HTML ES:
<body>
<div id="contenedor">
<div id="header">
</div>
<div id="conteiner">
<div id="izquierda">IZQUIERDA</div>
<div id="centro"> <p>CENTRO</p> </div>
<div id="derecha">DERECHA</div>
</div> // final del conteiner
<div id="footer">FOOTER</div>
</div>// final del contenedor
</body>
Si os quereis hacer una imagen visual las fotos de arriba lo representan
gracias