[Résolu] Problème de hauteur de liste (sous FF)

Salut,

J'ai une liste contenant un div pour chaque li, mais le problème c'est que les li ne font pas la taille du div contenu sous Firefox, en fait on voit que la couleur de fond ne couvre pas toute la surface du div :

http://landoftrance.free.fr/liste/liste.gif

Le html :

<ul class="contentlist">
	<li style="background-color:#CCCCCC">
		<div class="data"><span class="txtbold">fgfd</span></div>
	</li>
	<li style="background-color:#D5D8E1">
		<div class="data"><span class="txtbold">gfdgdgf</span></div>
	</li>
	<li style="background-color:#CCCCCC">
		<div class="data"><span class="txtbold">KYR</span></div>
	</li>
	<li style="background-color:#D5D8E1">
		<div class="data"><span class="txtbold">vcxvxvc</span></div>
	</li>
</ul>

La css :

ul.contentlist
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 200px;
}

ul.contentlist li
{
	/*height: 100%;*/
	/*line-height: 100%;*/
	padding: 0;
	margin: 0;
	margin-bottom: 1px;
	padding: 5px;
	clear:both;
}

.data
{
	padding: 0;
	margin: 0;
	float: left;
	border: 1px solid #747474;
}

Merci de votre aide !
Modifié par jeyce (02 Apr 2007 - 05:02)

Bonsoir,

Cf. Éléments flottants qui dépassent de l'élément parent.

Bonne continuation.

Bonsoir,
Pourquoi mets tu tes texte en float:left alors qu'ils sont
affichés verticalement?

Donc apparemment il faut appliquer un "overflow: auto" ?

Ca marche sous IE et FF, est-ce que c'est pareil sous Opera et Safari ?

En tout cas merci Florent !

Hermann > parce que j'ai simplifié pour ce forum, en fait j'ai un div à droite en plus dans chaque li...
Modifié par jeyce (02 Apr 2007 - 00:15)

jeyce a écrit :

Ca marche sous IE et FF, est-ce que c'est pareil sous Opera et Safari ?

Oui ils adoptent le même comportement.

Alors merci !