Pues vamos con unos apuntes en vez de código, si te parece bien, y en base a ellos vas creando el código:
lo primero es el obligado mini puesta a cero de cs:
Cita: * {margin:0;padding:0; border:0; outline:none; position: relative;}
Creas un contenedor general del ancho que precises y para colocarlo centrado "margin: 0 auto;" esto ya lo habíamos visto.
Dentro de él va a ir la página completa
lo primero el header (o cabecera) con la altura que necesites y un pequeño margen inferior (margin-bottom:Xpx) para la separación de las cajas azules.
la caja azul grande a continuación con sus medidas y flotada a la izquierda.
a continuación para las dos pequeñas podrías colocarlas directamente en el html, pero creo mejor crear una caja contenedora de anchura necesaria, y en ella metes las dos azules pequeñas. cierra esta caja padre después de las dos azules pequeñas.
y ahora por último el pie de página con sus altura.
Cierra ahora el contenedor general.
Sólo tienes que dar altura a las cajas que de antemano sepas el contenido, de ser incierto no se lo des.
Muy esquemáticamente.
Pero si quieres esquemas de cajas, pasa por
www.araudi.net ||
www.cssplay.co.uk ||
http://matthewjamestaylor.com/ y si necesitas más ejemplos, comenta.
Un saludo