Bonjour à tous,
J'ai un petit problème que je n'arrrive pas à résoudre :
J'ai 1 div qui contient 2 colonnes. Je voudrais que la colonne de droite qui contient une photo et un Background-color soit de la même hauteurs que la colonne de gauche qui contient du texte et qui est plus haute. En gros je voudrais que le Background-color de la colonne de droite aille jusqu'en bas.


Voici mon code pour l'instant :

     <div class="contenu">
                    <div class="contenu--colleft contenu--colleft--compagnie contenu--colleft--compagnie--compagnons w540">
                        <h1>Gérard BONNAUD</h1>
                        <h3>ÉCLAIRAGISTE</h3>
                            <ul>
                                <li>1968-69 : Théâtre Universitaire de Poitiers.</li>
                                <li>Coup de foudre de Michel Deutsch</li>
                                <li>Tamerlan de C Marlowe</li>
                                <li>1968 à 1974 : Dans le cadre du "Livre Vivant" nombreux spectacles avec Michel Philippe, J.P. Pottier, Denis Garnier ("La Geste Paysanne, Le Canon Fraternité...).</li>
                                <li>1972 à 1975 : Régisseur Lumière au Centre Culturel de Corbeil-Essonne.</li>
                                <li>1976 à 1979 : Régisseur Lumière au Centre Dramatique National de Lyon.</li>
                                <li>1980-1981 : Régisseur aux Fédérés Montluçon/Hérisson.</li>
                                <li>1976 à 1984 : Réalisation des éclairages de tous les spectacles de Robert GIRONES-Théâtre de la Reprise I et II</li>
                                <li class="title">Depuis 1980 en Free :</li>
                                <li>Eclairage de tous les spectacles de Jean-Louis HOURDIN, également réalisation de lumières pour l'Opéra de Lyon, la Compagnie J.C. DROUOT, Le Lézard Dramatique, La Compagnie du Désordre, pour Olivier PERRIER,</li>
                                <li class="title">Depuis 1993 :</li>
                                <li>Théâtre de la Cheminée avec Sophie TALABOT</li>
                                <li>Création et tournées de Le Grand Voyage</li>
                                <li>La Terre en Boulle</li>
                                <li>La Machine à Consoler</li>
                                <li>Lire Lire</li>
                                <li>Chopalovitch, Cie Voeffray-Vouilloz</li>
                                <li>La Femme des Sables</li>
                                <li>Le Banquet de la Sainte Cécile (Jean-Pierre Bodin, François Chattot)</li>
                                <li>Parlez pas tout bas (Jean-Pierre Bodin, François Chattot)</li>
                                <li>Premier Voyage en Langue Maya ( Armand Gatti)</li>
                            </ul>
                    </div> <!-- #contenu--colleft -->
                    <div class="contenu--colright contenu--colright--compagnie contenu--colright--compagnie--compagnons w350">
                        <img src="img/anonymous.png" alt="Gérard BONNAUD">
                    </div><!-- #contenu--colright -->
                    <div class="cb"></div>
                    <hr class="compagnons">
                </div> <!-- #contenu -->

Merci de votre aide !

2 réponses


hatfab
Auteur

Je précise que je sais bien que je peux mettre un height: à ma div mais l'idée est que ce soit automatique vu que la colonne de gauche peut avoir une hauteur variable…
Re-merci !

hatfab
Auteur

Super, merci !