28173 sujets

CSS et mise en forme, CSS3

Bonjour,

Voilà mon soucis: j'ai un conteneur avec dedans une colonne à droite et une à gauche. Je veux que celle de gauche soit toujours au moins aussi haute que celle de droite. J'utilise pour cela un séparateur. Voici le code simplifié :

HTML:


<div id="corps">
	<div id="colone_droite">
        </div>

	<div id="colone_gauche">
                <div id="contenu">
                </div>

                <div class="clearer">&nbsp;</div>
        </div>
</div>


CSS :

#corps {
	position: relative;
	padding-right: 0px;
	border-right: 3px solid white;
	background-color: #EEEFEF;
}

#colone_gauche {
	width: 542px;
	background-color: white;
}

#colone_droite {
	float:right;
	width: 232px; 
}

.clearer {
	clear:both;
	line-height: 0;
}



Pas de soucis avec FF. IE ne prend pas le clearer en compte.

Quelqu'un voit-il le binz ?

Merci d'avance!

FF:
upload/3925-FF.jpg

IE:
upload/3925-IE.jpg
Modifié par mad_shreder (18 Jul 2006 - 16:49)
Bon, je pose ma question autrement:

Comment faire pour avoir 2 colonnes, de couleur de fond différentes, dont le contenu de chacune varie, et qui ont la même hauteur, c'est-à-dire que le contenu de la plus haute détermine la hauteur de l'autre également ?

La vraie question est : "comment faire pour que çà marche sous IE ?"
Smiley sweatdrop