[Résolu] Hauteur de 100% non prise en compte

Bonsoir tout le monde,

j'ai un petit problème qui me chagrine depuis maintenant plusieurs heures.

En effet, je voudrais que mes 2 colonnes soient de même hauteur et qu'en même temps elles fassent la hauteur maximale du conteneur.

J'ai uploader mon CSS et page: http://dablox.free.fr/MJC/ et http://dablox.free.fr/MJC/style.css

En gris: couleur de fond du conteneur (censé aller jusqu'au footer)
En fond noir, une div texte
en saumon, une div agenda.

C'est les div texte & agenda qui doivent faire la hauteur maximale. Mais je n'y arrive pas, et je ne comprends pas pourquoi ça ne veut pas prendre.

Merci de votre aide.
Modifié par n0urs (10 Jan 2007 - 01:15)

Bonjour,
Avant de poster un question, penses toujours à jeter un oeil à la FAQ:
http://forum.alsacreations.com/faq/faq-57-Appliquer-une-hauteur-de-100-a-un-element.html
Et ensuite faire une recherche sur le forum.
Modifié par Hermann (09 Jan 2007 - 18:24)

J'avais déjà trouvé ce lien, mais surement que j'ai du mal le comprendre.

Le problème c'est qu'en essayant de d'utiliser la méthode donné, voila ce que ça donne: http://dablox.free.fr/MJC/ -mise à jour faite-

Si tu demandes une hauteur de 100% pour ton conteneur global, il prendra les 100% de la hauteur de body (soit la hauteur d'un écran), et ne s'agrandira pas d'un pixel si ton contenu dépasse cette hauteur.

Il sera sans doute préférable d'utiliser une hauteur minimale. La propriété min-height est faite pour ça.

Un exemple, en passant, qui ressemble à ce que tu veux faire (mais sur trois colonnes au lieu d'une, et avec une largeur fluide) :
http://web.covertprestige.info/test/18-colonnes-factices-fluides-et-entete-piedpage-2.html
(voir le code source de la page...)

Quelque chose de comparable mais en largeur fixe :
http://web.covertprestige.info/test/16-page-sur-toute-la-hauteur-et-pied-de-page-1.html
(une seule colonne, pas de colonnes factices... mais des explications détaillées sur la mise en page en « au moins 100% de hauteur »).

Merci mpop.

apparament, je risque de me dirigé vers l'idée de faire une image en arrière plan répété verticalement, pour faire la couleur...

Tant pis.

Merci de votre aide