Gracias por tus indicaciones que me han vuelto a servir de mucho, pero la idea es que el ancho fuera en % y no en pixeles, no se si se podria talvez maquillar con algun tipo de efecto en el borde o simplemente poniendolo a 98%.
He tratado de cambiar el ancho de las columnnas y como me indicabas he cambiado el nombra para cada celda en css, lo que no consigo es pones las tres al mismo ancho, mantengo la primera columna a 34% pero si trato de cambiar el porcentaje en las otras dos se me descuadra todo.¿Debo de aplicar alguna propiedad mas?.Dejo el codigo utilizado.
<head>
<style>
#contenedor{
width:40%;
border: #000 1px solid ;
}
#titulo{
width:98%;
padding: 5px;
margin-bottom: 1px ;
background-color: rgb(213, 219, 225);
border: #000 1px solid ;
text-align:center
}
#columizq{
float: left;
width:34% ;
margin-left: ;
padding: 5px;
background-color: rgb(235, 235, 235);
border-top: #000 1px solid ;
border-left: #000 1px solid ;
border-right: #000 1px solid ;
text-align:center
}
#columder{
float: right;
width: ;
margin: 0;
padding: 5px;
background-color: rgb(235, 235, 235)
border-top: #000 1px solid ;
border-left: #000 1px solid ;
border-right: #000 1px solid ;
text-align:center
}
#centro{
padding: 5px;
background-color: #CCCC99;
border-top: #000 1px solid ;
border-left: #000 1px solid ;
border-right: #000 1px solid ;
text-align:center
}
#columizqimg{
float: left;
width:34% ;
margin-left: ;
padding: 5px;
background-color: rgb(235, 235, 235);
border-top: #000 1px solid ;
border-left: #000 1px solid ;
border-right: #000 1px solid ;
text-align:center
}
#columderimg{
float: right;
width: ;
margin: 0;
padding: 5px;
background-color: rgb(235, 235, 235)
border-top: #000 1px solid ;
border-left: #000 1px solid ;
border-right: #000 1px solid ;
text-align:center
}
#centroimg{
padding: 5px;
width: %;
background-color: #CCCC99;
border-top: #000 1px solid ;
border-left: #000 1px solid ;
border-right: #000 1px solid ;
text-align:center
}
#pie{
width: ;
border: #000 1px solid ;
text-align:center
}
</style>
</head>
<body>
<div id="contenedor">
<div id="titulo"> Cabecera</div>
<div id="columizq"> Esta es la columna derecha </div>
<div id="columder"> Esta es la columna derecha </div>
<div id="centro"> contenido central </div>
<div id="columizqimg"> izquierda </div>
<div id="columderimg"> Esta es la columna derecha </div>
<div id="centroimg"> contenido central </div>
<div id="pie">Pie</div>
</div>
</body>
</html>
Por adelantado muchas gracias