Deux div dans un div

[Defaite]

Bonjour à tous !

Je cherche à mettre deux div dans un seul en sachant qu'ils doivent prendre à eux deux 100% de la hauteur, mais que celui du bas est fixe.

Voici un shéma :

Quelqu'un aurait une idée sur comment faire ?

[Sarc]

Avant toute chose : est-ce que la Div contenante est réellement utile pour ton site ? Attention à la multiplication des Div...

Sinon je vois pas vraiment s'il y a un problème :

HTML :

<div>
<div>Div à hauteur variable... Blablabla</div>
<div class="hauteurfixe">Div à hauteur fixe.</div>
</div>

CSS :

.hauteurfixe{height:150px}

Mais pour en revenir à ma remarque du début, il faut bien vérifier que CHAQUE div est utile. Ici, je pense que tu en as une de trop, à moins que tu m'expliques leurs utilités spécifiques

[Defaite]

Oui, cette div est vraiment utile.

Le truc c'est que je veux que la div du bas reste TOUJOURS tout en bas, avec ta solution, elle remonte en dessous de la première.

[Capybara]

Pourquoi ne pas utiliser la fonction margin-bottom pour le bloc à hauteur fixe? Donne lui un id et travaille dessus. Enfin je pense.

Modifié 9 Septembre 2007 par Capybara

[Defaite]

Comment ça ?

[Capybara]

voila

html

<div id="bloc_bas">le div à hauteur fixe</div>

en css
#bloc_bas
{height:150px;
 margin-bottom:2px; }

ainsi le bord inferieur du bloc à hauteur fixe devrait toujours se situer à 2 px du block le plus proche en l'occurence le div qui inclut les deux autres.

C'est tout ce que je peux te conseiller, je n'ai que 15 jours d'experience en css/xhtml  :p

je peux te conseiller ces deux tutoriels

http://www.siteduzero.com/tuto-3-42-1-mise...partie-1-2.html

http://www.siteduzero.com/tuto-3-44-1-mise...partie-2-2.html

[Defaite]

J'ai trouvé :

http://web.covertprestige.info/test/16-pag...-de-page-1.html