3 divs fixes et 1 div qui se resize

Bonjour à tous!

J'ai un petit (voir même assez gros) souci de mise en page...

Je cherche à avoir une colonne de gauche contenant deux divs l'une au dessus de l'autre et une colonne de droite contenant elle aussi deux divs l'une au dessus de l'autre.
Jusque là tout va bien.

Les tailles des divs (1 et 2) de la colonne gauche sont fixes.
La taille de la deuxième div (4) de la colonne droite est fixe mais doit être collée en bas de la page avec une marge en bas.

La taille de la première div (3) de la colonne droite doit prendre le reste de la place disponible en fonction de la taille de l'écran.

La page n'a pas de scrollbar, tout est en overflow:hidden.

Voici une image pour illustrer mes propos : http://kdtca.free.fr/illustration.jpg


Ce que je n'arrive pas en fait, c'est dire à ma div (3) de prendre la taille qui reste et de garder la div (4) collée en bas.

Pour info, à l'intérieur de chaque div j'aurais des images qui apparaitront en fondu.

Quelqu'un a une idée? Sans passer par du javascript?
Modifié par KdTcA (19 Mar 2012 - 15:44)