28220 sujets

CSS et mise en forme, CSS3

Bonjour,

Toujours le problème mais cette fois pour 2 listes.
Il s'agit dans un div contenu de placer deux listes non ordonnées côtes à côtes horizontalement. Chacune de ces listes occupant 50% de la largeur du div. La liste gauche sera toujours aussi ou plus longue donc haute que la liste droite.
Problème décidément très embêtant sous IE 5

HTML

<ul class="liste_droite">
<li>item 1</li>
<li>item ...</li>
<li>item n</li>
</ul>
<ul class="liste_gauche">
<li>item 1</li>
<li>item ...</li>
<li>item n</li>
</ul>


CSS

.liste_droite {
float: right;
width: 50%;
}


J'aimerais vraiment trouver une solution cette fois, car mon dernier topic à ce sujet demeure sans réponses.

Merci à vous
Modifié par nicolas.charlot (20 Sep 2005 - 16:20)
quel est le problème spécifique à IE5 ?

de plus ton code est il complet ? parce que width:50%; plus la marge générée pour les puces ben ça fait bizarre.
Pour le code :

ul {
list-style-type: none;
margin: 0;
padding: 0;
}


Sous IE5, il y a un problème avec les pourcentages :
50% donne 50% de la largeur du document et non 50% de la largeur du div.
Donc, la liste droite est beaucoup trop large...