Problème dimension de mes div

[Arkoze]

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

[copin]

hum...

Je viens de mettre ton code dans une page est testé sous IE et Firefox. J'ai bien le comportement que tu souhaites.

Ou bien j'ai rien compris.

Retest ton code dans une page vide. Si le problème persiste post une capture écran.

[Bisûnûrs]

Peut-être qu'un petit tour dans la FAQ pourrait t'aider :
http://css.developpez.com/faq/?page=...ur_pourcentage