2 DIV hauteur variable

Bonjour.

Voici mon problème:
j'ai un div conteneur qui contient deux div côte à côte, le div de gauche est positionné avec float:left.
Mon div de droite à une hauteur variable mais je voudrais que mon div de gauche ait toujours la même hauteur que mon div de droite.

Même après plusieurs recherches, je commence à m'arracher les cheveux vu que je débute en CSS.

Quelqu'un aurait-il la solution ?

D'avance merci
Modifié par cybertaf (11 Dec 2009 - 22:31)

Yo!

Alors, je n'ai pas précisément la réponse à ta question, mais peut être un autre moyen d'arriver à tes fins : plutôt que d'avoir deux div côte à côte, je te propose de les imbriquer comme ci-après.
Avec ce code, tu obtiens bien tes deux espaces. Celui de gauche aura la même taille que celui de droite.

<div class="contener">
    <div class="gauche">
        <p>contenu</p>
        <div class="droite">
            <p>contenu aussi</p>
        </div>
    </div>
</div>

et la css qui va avec :

.contener
{
    overflow: hidden;
    width: 500px;
    background: #EEE;
}

.gauche
{
    background: #CCC;
    width: 400px;
    overflow: hidden;
}

.gauche p
{
    float: left;   
}

.droite
{
    float: right;
    background: #AAA;
    width: 200px;
    height: 300px;   
}

Si çà ne répond pas à ton besoin, je pense que tu devrais alors farfouiller par là pour pouvoir jouer avec les tailles en javascript
Modifié par lautrejojo (17 Dec 2009 - 20:34)

Salut lautrejojo.

Merci pour ta réponse, je vais tester ça