Débutant CSS : Height relatif dans un div avec position absolute

Bonjour,

Je poste dans ce forum parce qu'étant plutôt débutant au niveau du CSS je n'avais pas la prétention de poster ma question dans le forum CSS Si j'ai mal fais, il ne faut pas hésitez à le déplacer. Après recherche sur le forum je n'ai rien trouvé qui réponde à ma question. J'en suis désolé si c'est le cas
Mon problème ne me semble pas très compliqué mais je ne trouve vraiment pas la solution.

Sur ma page web (qui a une largeur de 100%) je souhaite avoir
- un header de 216px de haut.
- un menu à gauche de 222px de large
- une partie à droite qui permette de mettre le contenu.

Tout marche bien, sauf que l'image de fond du menu (tout le div du menu en réalité) ne va pas jusqu'en bas lorsque le div central a une longueur > 700px, dû au fait que mon div menu n'a pas de hauteur relative au reste de la page
J'avais pensé à mettre bottom: 0; mais ça ne change strictement rien sous FireFox et IE.

Voilà le code CSS actuel pour le div menu :

.menu{
	width: 222px;
	position: absolute;
	background-image: url(image_12.jpg);
	background-repeat: repeat-y;
	min-height: 700px;
	top: 216px;
}

Mon intuition me dit que je ne devrais pas utiliser de absolute pour cette partie mais toute ma page se casse la figure si je change. Pour info le header a le position par défaut et le centre est static.

N'hésitez pas à me poser des questions si j'ai oublié de préciser certaines choses

Merci par avance !

Bonsoir,

CrazyCow007 a écrit :
Mon intuition me dit que je ne devrais pas utiliser de absolute pour cette partie mais toute ma page se casse la figure si je change.

Tu peux aussi utiliser la propriété CSS float pour placer côte-à-côte deux éléments (ton menu et ton bloc de contenu). Mais ça n'a pas de lien direct avec ton problème.

CrazyCow007 a écrit :
Pour info le header a le position par défaut et le centre est static.

La position par défaut est justement "static". Pas la peine de préciser position: static alors, sauf exceptionnellement pour contredire une valeur de position donnée plus haut dans le code CSS.


Pour en venir à ton problème, en gros tu cherches à faire des « colonnes » de même hauteur ? Si c'est le cas, tu devrais t'intéresser à la technique des colonnes factices :
http://pompage.net/pompe/colonnesfactices/

Exactement ce qu'il me fallait ! Merci beaucoup !
(et merci pour les infos aussi !)