Caos con diseño de ancho dinámico.

[qvixote]

¡Hola!

En este sitio he recibido mucha ayuda, sobre todo en la sección de PHP, MySQL y JavaScript. Ahora necesito que personas con más experiencia me ayuden con CSS y basándome en las buenas experiencias que he tenido antes, espero obtener ayuda nuevamente.

Necesito hacer un diseño así:


+----------------------+
|......Encabezado......|
+----------------------+
+------++--------------+
|Barra.||.Content......|
|Late-.||..............|
|.ral..||..............|
|......||..............|
|......||..............|
|......||..............|
+------++--------------+
+----------------------+
|......Pie de pag......|
+----------------------+



Es fácil hacer el diseño así con divs, pero necesito que cumplan con algunos comportamientos que no logro que sigan, por más que lo intento, y se los detallo ahora.

- Se debe ocupar todo el ancho de la página.
- En div del encabezado, pie de página y content deben variar el ancho según varía el ancho de la ventana del navegador, no así la barra lateral, que debe tener un ancho fijo.
- La altura de la barra lateral y del content deben ser automáticos, aumentando con el contenido.

Eso tampoco suena difícil, pero pero me pasó al intentar hacerlo que cuando el content, por ejemplo, tiene menor altura que la barra lateral, el div del pie de página quedaba con la forma:


............................
.........+---------------+..
..+------+...............|..
..|......................|..
..+----------------------+..
............................


y otras cosas así. Por eso, me gustaría saber si alguien me puede orientar de cuál es la mejor forma, sin usar tablas, sólo divs y CSS, de lograr lo que quiero sin que los divs se deformen u otros problemas.

De antemano gracias por la ayuda.