Régler la hauteur d'un DIV en fonction de son contenu

[Résolu/Fermé]
Signaler
Messages postés
78
Date d'inscription
lundi 11 juillet 2011
Statut
Membre
Dernière intervention
1 janvier 2020
-
Messages postés
838
Date d'inscription
vendredi 2 novembre 2012
Statut
Membre
Dernière intervention
17 décembre 2015
-
Bonjour,

Je rencontre un petit probleme de hauteur sur un DIV qui contient l'ensemble des pages de mon site. La hauteur de ces pages étant variables, je ne peux pas lui attribuer une hauteur fixe.

Voici mon CSS :

#container_pages {
	position: relative;
	width: 980px;
	height: 600px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 12px;
	padding-left: 30px;
	padding-right: 30px;
	background-color: #FFF;	
	-moz-box-shadow: 0px 0px 5px 0px #000000;
	-webkit-box-shadow: 0px 0px 5px 0px #000000;
	-o-box-shadow: 0px 0px 5px 0px #000000;
	box-shadow: 0px 0px 5px 0px #000000;
}
#colone_gauche{
	position: absolute;
	width: 750px;	
}
#colone_droite{
	position: absolute;
	right: 30px;
	width: 240px;
	min-height: 400px;	
}
#footer{
	position: absolute;
	bottom: 0px;
	width: 980px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
}



J'ai déjà essayer en supprimant l'attribut "height" de mon id "container_page" mais cela ne fonctionne pas.

Pouvez m'aider, je suppose que le problème vient des "position" mais je ne trouve pas.

Merci !


2 réponses

Messages postés
78
Date d'inscription
lundi 11 juillet 2011
Statut
Membre
Dernière intervention
1 janvier 2020
83
C'est tout bon ... container_pages en absolute et les autres en relative !
Messages postés
78
Date d'inscription
lundi 11 juillet 2011
Statut
Membre
Dernière intervention
1 janvier 2020
83
ah non ... ca ne marche toujours pas !

H.E.L.P !
Messages postés
838
Date d'inscription
vendredi 2 novembre 2012
Statut
Membre
Dernière intervention
17 décembre 2015
125
Logiquement, il te suffit de mettre toute tes divs en relative, le parent s'adaptera comme un grand (Il faut donc enlève ton height)