Bonjour,

j'ai un pti probleme d'affichage de mes div css

Voici mon code

Code : Sélectionner tout - Visualiser dans une fenêtre à part
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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