Saludos!
Realmente.. me parece algo extraño que no le des un ancho fijo a las barras laterales, ya que si no pones nada en una de las dos (imaginemos que es la de la izquierda) tu #area1 se irá hacia la izquierda y tu barra derecha se quedaría ahí ocasionando un diseño no muy agradable...
Se me ocurren dos posibles soluciones.
La primera es que uses ancho fijo para tus columnas y un ancho variable para el cuadro central. Asi el cuadro central se apaptará a las barras laterales y tendrás algo mejor maquetado.
Lo segundo, es que agregues un div vacío con clear:both; que sirve bastante para que los divs se acomoden donde tienen que estar... (es algo mágico, casi místico... pero funciona)
Te recomiendo que aprendas a usar la propiedad clear y que hagas un nuevo estudio de lo que realmente quieres... Estudia las posibles formas de maquetar el template y sigue adelante con ello.
Que tengas éxitos y Hasta Luego!!
