Nouveau sur le forum ? Voici votre case départ pour bien débuter.

Incontournables XHTML / CSS :

Auteur
Jeff 2 Papangue
# 06 May 2008 - 16:09:47
Citer
13 Posts
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)

http://www.papangueprojec.com 
^
Flayks
# 06 May 2008 - 16:35:09
Citer
40 Posts
Problème classique dû au float, j'ai eu le même soucis... Met un
display:table
sur le div conteneur, ca devrait marcher =)

http://flayks.net msn 
^
Jeff 2 Papangue
# 13 May 2008 - 05:07:51
Citer
13 Posts
Ok ça marche nickel merçi beaucoup Flayks pour le coup de main.

http://www.papangueprojec.com 
^
yodaswii
# 13 May 2008 - 09:50:38
Citer
The sky's the limit!
599 Posts
Utiliser plutôt le contexte de formatage (overflow: hidden;) plutôt que cette propriété display. smile

Si tu te tapes la tête contre une cruche et que cela sonne creux n'en déduit pas que c'est la cruche qui est creuse... Ancien proverbe chinois.

^
Jeff 2 Papangue
# 13 May 2008 - 15:24:53
Citer
13 Posts
bon je teste et je vois ce que ça donne. Y a-t-il une raison particulière de préférer cette méthode à display:table ?

http://www.papangueprojec.com 
^

référencesLes références web : openweb.eu.org - opquast.com - webmaster-hub.com - webrankinfo.com - salemioche.net - web-pour-tous.org - webonorme.org

Nos partenaires : Editions Eyrolles - Location vacances France - Location vacances Europe

Nikozen : Hébergement - Réalisation : Alsacreations.fr

Powered by Phedio v3.7.9 © dew
Contacter l'administrateur - 25.9 ms - Charte