Liste dans une boite

Bonjour,
j'ai deux boites :

#boite2gauche {
text-align: left; 
width: 320px; 
margin: 1em 1em 1em 10px; 
float: left; 
}
#boite2droite {
text-align:left; 
margin:1em 10px 1em 1em;
}

Quand je fais une liste non ordonnée avec des sous listes dedans, pas de pb dans la boite de gauche. La même chose dans celle de doite m'aligne toutes mes puces à gauche, les unes en dessous des autres, quel que soit le niveau ou sous-niveau de la liste. Où est l'erreur ?
Merci

Hello,

L'erreur, c'est que tu n'as pas bien saisi le fonctionnement des flottants.

La série d'exemple sur cette page te permettra de voir que les flottants ne repoussent pas les blocs, mais uniquement leur contenu (texte et autre éléments de type en-ligne).

Donc, ta boite flottante ne repousse pas div#boite2droite, mais uniquement son contenu. Les retraits de gauche des listes de la boite de droite sont bien là, mais ils sont cachés sous la boite de gauche.

Une correction possible :

#boite2gauche {
	text-align: left; 
	width: 320px; 
	margin: 1em 10px; 
	float: left; 
}
#boite2droite {
	text-align: left; 
	margin: 1em 10px 1em 340px;
}

Merci pour cette réponse.
La solution que tu proposes en imposant une largeur de boite au bloc de droite ne me convient que partiellement car je voudrais que le bloc de droite s'adapte au reste de la page.

Dans ce cas comment faire ? Un bloc dans le bloc de droite ?
Modifié par Misange (19 Mar 2007 - 11:44)