hauteur de boite div variable CSS

Question

Bonjour,
Je me confronte à une situation html/css que je n'arrive pas à mettre en place :

j'ai un conteneur d'une certaine hauteur et dans celui-ci j'ai 3 div :

CONTENEUR VARIABLE------


DIV1 hauteur et largeur fixe img en background

DIV2 hauteur variable permettant de compléter l'espace

DIV3 hauteur et largeur fixe img en background


CONTENEUR VARIABLE------


Je n'arrive pas à faire en sorte que ma div2 s'adapte à l'espace vide en fonction de la hauteur de mon conteneur.
J'ai testé height:100% mais alors elle écrase la div3

Quelqu'un a une idée ?

Merci d'avance...

Utilisateur anonyme · Answer

Je complète avec mon exemple en visuel :

Voici l'adresse de mon essai : http://vincent.wicky.free.fr/
=> c'est la boite blanche qui doit être grande de sorte que les 3 boites cumulées soit dans la boite rouge.

Voici mon code css : 
#cadre{
	width:210px;
	height:500px;
	background-color:red;
	border:solid 1px black;
}
#cadre1{
	position:relative;
	margin-top:10px;
	margin-left:3px;
	width:200px;
	height:200px;
	background-color:yellow;
	border:solid 1px black;
}
#cadre2{
	position:relative;
	margin-top:10px;
	margin-left:3px;
	width:200px;
	height:200px;
	background-color:blue;
	border:solid 1px black;
}
#cadre3{	
	position:relative;
	margin-top:10px;
	margin-left:3px;
	width:200px;
	height:10px;;
	background-color:white;
	border:solid 1px black;
}

Utilisateur anonyme · Answer

je suis déçu que personne ne me répond avec l'activité du forum ccm qui est quand même impressionnante.
Je devrais être patient, sauveur, aide moi ... :p
Je suis un peu pressé c'est pour ça que je réagit comme tel :)

a+

Hauteur de boite div variable CSS

2 réponses

Votre réponse

Discussions similaires