Bonjour les zéros.

Voilà, j'ai un petit problème en CSS. J'ai un cadre exterieur dont la hauteur pourrait être n'importe laquelle (ici, elle est définie en pourcents). Dans ce cadre, j'ai trois autres cadres, les uns après les autres. Le premier et le dernier ont une hauteur fixe (en pixels). je voudrais que celui du milieu s'étende juste assez pour que les trois cadres prennent toute la la place disponible, ni plus, ni moins.

Voilà un code HTML épuré pour l'éxemple :

Donc comme je vous l'ai dis, 3 divs à l'interieur d'une seule.

Et le CSS que j'ai essayé de faire :


Donc comme je vous l'ai dis, la div principale à une taille aléatoitre (ici, qui dépend du corps qui pourrait avoir n'importe quelle taille). Elle contient 3 divs, la première et la dernière ont un taille fixe.

Et là, je voudrais que celle du milieu s'étende juste assez pour que les trois divs prennent la place dispinnible, et ceux qu'il n'y aie aucun texte, ou qu'il y en aie beaucoup. (Attention, je veux qua ça soit physique, pas seulement qu'on en aie l'impression).

Je l'ai exporté ici, pour vous donnez un exemple, avec un peu de "texte".


Y a-t-il une solution à mon prblème ? merci d'avance.


EDIT : je ne veux pas que ça soit le cadre qui bouge, mais bel et bien que ça soit le milieu qui s'adapte.

Je te proposes une solution plus ou moins bonne.



A essayer...

Le seul problême, c'est que je veux que ça soit la div du milieu qui s'adapte, pas le cadre.

Nen, personne sait ?

Hmmm tu mets un à ton div milieu je pense que ca devrait marché

Edit : Apparement ca donne pas un résultat top non plus, je sais pas sinon ..

euh... j'ai pas très bien compris mais "margin: auto;" fait pas l'affaire?

aie, ça fait à peu près le même effet que 100%. Le problême, ce sont ces 2 divs avec une taille fixe. Sinon, il y a pas un moyen de fixer celle du bas en bas ?

margin: auto; ne fait rien !

Une autre solution peut être serait de mettre :

a ton block milieu ... après je sais pas si ca donnera ce que tu voudra mais bon ...

Ca ca marche mais si tu remplis pas trop, si tu comptes laisser comme ca (mais dans ce cas la, l'overflow ne sert a rien ...)

Par contre, si tu compte mettre beaucoup de texte, le milieu s'adaptera et tu n'auras plus aucun problèmes (avec ton code actuel)

Donc t'as 2 solutions :

• Soit tu gardes l'overflow et tu remplis ton block, en gros ca donne ca (ton code actuel) :
  Ton site
• Soit ton overflow sert a rien, et la tu peux mettre un height de 70% a ton milieu :
  Autre image

Bon j'suis pas un pro, loin de la, et j'espère que c'est pas des grosses anneries que je dit la quand même mais j'ai essayé de t'aider

Merci ! Nen, c'est aps trop ce que je cherche, car la div principal pourrait avoir une autre taille, et il faudrait revoir la taille de celle du milieu. Sinon, ba je vais me débrouiller pour qu'il y ai toujours beaucoup de texte à l'interieur.


Merci quand même.

jai peut-etre la solution a ton probleme(si je l'ai bien compris) dans ton fichier css :

voila jespère que c'est ce qu'il te faut

hum ... je ne veux pas que ça soit le cadre principal qui bouge, mais la div du milieu qui s'adapte ... merci quand-même !

si tu veut que ce soit la div du milieu qui s'adapte il ne faut pas mette l'overflow a la div principale mais a la div du milieu justement !!