Bueno voy a ir poniendo los pasos que voy haciendo para haber si alguien sabe donde estoy metiendo la pata.
empezamos por la capa contenedor y dentro tres capas
Código HTML:
<div id="contenedor">
<div id="lateralizq"></div>
<div id="centro"></div>
<div id="lateralder"></div>
</div>
y esto es la hoja de estilo
Código HTML:
body {
margin: 0px;
padding:0px;
font-family: verdana;
color:#333333;
text-align:center;
background-repeat:repeat;
background-position:center;
background-image: url(../img/fondounto.png);
}
#contenedor {
width: 820px;
height: 435px;
margin:0 auto 0 auto;
}
#lateralizq {
width: 29px;
height: 397px;
background-image: url(../img/lateralizq.png);
float:left;
}
#lateralder {
width: 62px;
height: 397px;
background-image: url(../img/lateralder.png);
float:left;
}
#centro {
width: 740px;
background-color:#FFFFFF;
float:left;
height: 435px;
}
Hasta aqui sin problemas todo perfecto