Hauteur de boite div variable CSS
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 ?
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 :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
| #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;
} |
