Flottement et marge verticale – IE/FF

Bonjour à tous,

Je développe, en ce moment, un site web pour ma société et, jusqu'à présent, je n'ai rencontré aucun problème incontournable de css entre les différents navigateurs. J'arrive en général à m'en sortir par des recherches sur google. Mais là, je ne trouve rien et j'ai vraiment envie de comprendre ce qui ne joue pas.

J'ai une barre de navigation en 3 colonnes (précédent – les pages – suivant) avec un ul et un flottement mais IE me rajoute un espace en bas non désiré. Si je rajoute une marge en bas, ça me fais une double marge.

Exemple : http://www.jeunessebottens.net/modules/sms-box/

CSS :

/* Barre de naviguation */
ul.barre-navig li {
	width:30%;
	list-style: none;
	text-align: center;
	margin-bottom: 15px;
}
.barre-navig .pages { float: left; text-align: center; }
.barre-navig .precedent { float: left; text-align: left; }
.barre-navig .suivant { float: right; text-align: right; }

html :

<ul class="barre-navig">
  <li class="precedent">Précédent</li>
  <li class="pages">Page : <strong>1</strong></li>
  <li class="suivant">Suivant</li>
</ul>

Meilleurs salutations et un merci pour votre attention
Modifié par Arti (05 Feb 2008 - 08:17)

bonjour
le problème ne vient-t'il pas de ce margin-bottom:15px attribué à chaque <li> ?

tes <li> étant en float, si tu veux un espace entre ta barre de navigation et le reste, c'est plutôt à <ul> que tu devrais attribuer le margin-bottom.

Non parce si je ne mais aucun "margin-bottom" IE me fait quand même une marge, toujours non désirée...

Salut,

Essaie de mettre, dans une feuille de style spécifique IE, un
* {zoom : 1;}

Ca me résoud la plupart des problèmes.
Sinon, pour les listes, tu peux aussi essayer de coller toutes les balises fermantes, et le prochain li ouvrant, genre
</a></p></li><li>