Div container qui ne "descend" pas sous FF [Résolu]

Question

6 May 2008 à 16:09

Bonjour à tous,

J'ai un petit souci avec une div qui contient 3 autres div à l'intérieur et qui ne descend pas jusqu'en bas de ces 3 div

Voici le code html :

<div class="ville"><!--CINEMA-->
        	<h2>Saint-Denis</h2>
            	<div class="salle"><!--SALLE-->
        		<h3>ICC Cin&eacute;palmes</h3>
                </div><!--FIN SALLE-->
                	<div class="salleGauche"><!--SALLE GAUCHE-->
        			<ul>
                    <li>Film salle 1</li>
                    <li>Film salle 2</li>
                    <li>Film salle 3</li>
                    <li>Film salle 4</li>
                    <li>Film salle 5</li>
                    <li>Film salle 6</li>
                    </ul>
                    </div><!--FIN SALLE GAUCHE-->
                    <div class="salleDroite"><!--SALLE DROITE-->
                    <ul>
                    <li>Film salle 7</li>
                    <li>Film salle 8</li>
                    <li>Film salle 9</li>
                    <li>Film salle 10</li>
                    <li>Film salle 11</li>
                    </ul>
                    </div><!--FIN SALLE DROITE-->
        </div><!--FIN CINEMA-->

et le code CSS :

.ville{background-color:#00FFCC; width:470px; min-height:60px; border-color:#771E1C; border-style:solid; border-width:1px; margin-bottom:5px; padding-left:10px}
*+html .ville{padding-top:20px}/*HACK POUR IE 7*/
* html .ville{padding-top:20px}/*HACK POUR IE 6*/
.salle{ width:100px; float:left; background:#66FF00}
.salleGauche{ width:180px; float:left; background:#9966FF}
.salleGauche ul li{ margin-left:-20px; list-style:none;}

Vous pouvez visuliser la chose ici

Merci de votre aide
Modifié par Jeff 2 Papangue (13 May 2008 - 05:08)

Flayks

6 May 2008 à 16:35

Problème classique dû au float, j'ai eu le même soucis... Met un