Problème dimension de mes div
Bonjour,
j'ai un pti probleme d'affichage de mes div css
Voici mon code
Code:
1
2
3
4
5
6
|
.global { width: 100%; height: 100%; }
.gauche { width: 10%; height: 100%; float: left; background-color: yellow; }
.droite { width: 90%; height: 100%; float: right; background-color: blue; }
.niveau1 { width: 100%; height: 50%; background-color: red;}
.niveau2 { width: 100%; height: 50%; background-color: blue;} |
Code:
1
2
3
4
5
6
7
8
|
<div class="global">
<div class="gauche">gauche</div>
<div class="droite">
<div class="niveau1">niveau1</div>
<div class="niveau2">niveau2</div>
</div>
</div> |
j'aimerai que la colonne gauche prenne la meme hauteur que le niveau1+niveau2
or ce que j'obtiens, c'est la colonne gauche et le niveau1 sur la meme ligne et le niveau2 en dessous du niveau1 du coup j'ai un espace vide en dessous de colonne gauche
Suis-je assez clair ? :s
Merci d'avance pour votre aide :)
