Positionement css

Bonjour,

J'essaie depuis peux de me remplacer tout mes tableaux par des calques.

Jusque là mon ami Google m'a toujours apporté réponses et courage..

Cependant je n'arrive pas à résoudre un nouveau problème. Je m'explique, j'aimerais avoir trois calque.

Le premier (Rouge) à 200px de hauteur
Le deuxième (Vert) à 75px
Le troisième (Bleu) doit prendre la place qui reste..

Shéma :

http://www.webtek.ch/exemple.png

J'ai déjà peux faire le code du block rouge et vert. Mais le bleu..

Que dois-je mettre dans la propriété height?

Il faudrait un truc comme 100% - (200px + 75px)...

EDIT : (Il faudrait juste déplacer le message.. dsl)
Modifié par Tor (10 Jun 2006 - 20:12)

Ahhh l'éternelle mise en forme "frame style" J'ai passé quelques nuits blanches là dessus dernièrement

J'ai finalement trouvé une solution sur le web (je ne sais malheureusement plus sur quel site) qui fonctionne sous IE, Firefox, et Opera au moins. Malheureusement pas sous Safari.

Tu peux trouver un exemple ici : http://sebastien.ircube.org/bacasable/frame_style.html

Il faut que tu mettes tes deux premières divs dans la div #header, et le reste dans #page.

En espérant avoir pu t'aider !

Salut,

Ouais c'est presque ce que je veux. Si je fais tout avec les height en % j'arrive mais le problème c'est que je veux un calque en px..

Mais j'arrive gentillement à quelque chose de potable. Si quelqu'un a quand même une solution...

Merci ++

Tu veux que les calques restent figés comme sur le lien de scharrier ? (style frame) Si oui avec un peu de css y a moyen :

body > #calque_a_figer {
position:fixed; }
(avec calque_a_figer l'id du bloc div extensible)

Sinon bah trois div toutes simples, sans oublier :
body {
margin:0;
padding:0; }

si t'as besoin d'infos supplémentaires...