Choix de positionnement

Bonjour,

J'ai un petit soucis avec des éléments positionnés en float dans mon gabarit. Sous IE une liste à puce passe sur l'element flottant alors que sous Firefox il passe dessous.

Je n'ai pas spécifié de largeur ni pour l'élément flottant, ni pour la liste à puce "en-ligne" qui chevauche mon élément flottant et c'est surement à ce niveau que ça péche car en mettant une largeur au flottant, je m'assure de pouvoir donner une marge légérement supérieure à ma liste et ainsi eviter le chevauchement.

Peut être devrais-je passer par un positionnement relatif plutôt non ?

<div id="conteneur">
	<div id="gauche">Barre latérale gauche</div>
		<div id="principal">
		  <div id="contenu">
			<h1>Titre de la page</h1>
			<ul id="sous_pages">
			  <li><a href="#">lien</a></li>
			  <li><a href="#">lien</a></li>
			  ...
			</ul>
			<ul id="elements_parents">
			  <li><a href="#">lien</a></li>
			  <li><a href="#">lien</a></li>
			  ...
			</ul>
		  </div>
	</div>
</div>

Modifié par DirtyF (28 Mar 2006 - 17:36)

en attendant j'ai ajouté un clear:right pour empecher le chevauchement, ce qui m'étonne c'est que si je mets un clear:both n'importe où dans la zone #contenu, dans IE le contenu se positionne au niveau de la fin de contenu de la zone #gauche.

Bon j'ai toujours le même problème avec un clear qui fait que tout mon contenu passe sous l'element flottant : http://www.ac-toulouse.fr/html/_56_64_.php

help

bon comme j'ai pas trop détaillé la question et que j'ai pas de réponse, je repasse aux tables