Synchroniser la hauteur de 2 colonnes

Par hatfab, il y a 10 ans


Les bases HTML/CSS

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, il y a 10 ans

Super, merci !

hatfab, il y a 10 ans

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 !