Hola jose luis, mira, creo que esta claro, tienes dos caminos, el de calizman o el mio. El primero usando cajas flotadas y el segundo usando cajas posicionadas en absoluto. Con cualquiera de los dos métodos lo puedes resolver.
Si eliges usar cajas flotadas añado una cosita a la buena respuesta de calizman.
- usa siempre un contenedor padre y dentro de el flota las cajas.
Debes dar overflow:hidden; al elemento padre de las cajas flotadas para "limpiar los floats"
Algo a tener en cuenta, la propiedad width hace referencia al ancho del contenido no al ancho total de la caja. por lo que si por ejemplo flotas dos elementos en un contenedor de 800 px controla que el ancho total (margin/padding/width/border) de tus cajas no superen el width del padre de las cajas
En tu caso puedes:
- usar un contenedor y anidar las tres cajas dentro (con flotado)
- usar tres contenedores por separado (y trabajar las cajas laterales con posiciones absolutas y el truco que te mostré en #3)
Espero te sirva, un saludo
