Discussion :

[jpguiche]

Bonjour les informaticiens,

Voila mon problème: je fais 1 cadre classique:
- bandeau entête
- au milieu : 1 menu à gauche + 1 cadre principal à droite
- en bas bandeau pied de page

Je veux que la hauteur du menu et celle du cadre principal soient toujours égales.
Cette hauteur est variable et égale au max des 2, sachant que la hauteur de chacun (menu et cadre principal) s'adapte à son contenu (ex: si le texte de cadre principal fait à un moment donné 500px de hauteur et le texte de menu fait 200px le cadre principal et de menu seront de 500px...).
J'ai vu que ça marchait si j'imposais au milieu une hauteur fixe mais je veux que cette hauteur s'adapte elle aussi et là ça ne marche pas.

Voici mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
#milieu {
background: #...;
height:100%;
...
}
#menu {
float: left;
background: #...;
height:100%;
...}
#cadre_principal {
background: #...;
height:100%;
...
}

J'ai essayé en changeant les "100%" par des "auto" ça ne change rien.

Une idée?

[12monkeys]

Bonjour

Ce que tu veux faire correspond à la technique appelée les colonnes factices, tu peux faire une petite recherche sur ce terme et tu trouvera ton bonheur...

[jpguiche]

Merci,

Finalement j'ai trouvé la solution à savoir que si j'ai bien compris, on ne peut pas faire un height en % si le conteneur n'a pas lui même un height fixe. Donc en final j'ai résolu le pb en ne faisant pas un div pour le menu et en mettant un height-min = la hauteur (fixe) du menu, comme ça l'ensemble a toujours la bonne hauteur.
Je ne sais pas si ça correspond à ce que tu dis mais ça marche !