Discussion :

[mosquitout]

Bonjour,

Pourquoi les sauts de ligne (<p>) ont-ils un rendu différent sur IE et Firefox ?
Un simple:

<div id="fonction">
<a href="page1.htm">
<img src="flechegrise.gif" border="0" alt="" ></img>
Gestion1</a>
<p></p>
<a href="page2.htm">
<img src="flechegrise.gif" border="0" alt=""></img>
Gestion2</a>
<p></p>
<a href="page3.htm">
<img src="flechegrise.gif" border="0" alt=""></img>
Gestion3</a>
</div>

Si on mesure l'écart entre deux lignes, il n'est pas le même sur IE et FF !?

Merci de vos réponses

[Erwan31]

Bonjour,
c'est parce que les marge verticales par default d'IE sont de 19px alors que celles de Firefox sont d'1em soit 16px si aucune taille de texte n'est défini.

[mosquitout]

Merci Erwan31.
Je viens donc de tester en rajoutant les declarations adéquates sur mon selecteur "fonction" mais aucun changement ! ou faut-il agir ?
Partie CSS

#fonction {position: absolute; top: 250px; left: 330px; background: #F4FF9D;
font-family:arial; color:#666666; font-size:14px;
width: 420px; height: 120px;}

C'est mon premier site alors c'est un peu chaud toutes ces marges et différences à gerer entre Ie et FF

[Erwan31]

Je te conseil de déclarer:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

p {margin:1em 0;}

Ainsi les marge par default seront écrasées par cette règle qui s'appliquera à tous les élément p de ton document.

Sur google tu pourras surement trouver un tableaux des marges et padding par default des principaux navigateurs

[mosquitout]

Malheureusement on a toujours une différence. Je viens d'essayer (après avoir essayer ta suggestion)

p {margin: 0; padding: 0;}

Mais, même là, il y a un écart entre le rendu IE et FF c'est peu, mais si on a 5 - 6 paragraphes à suivre, genre 6 lignes, au final on obtient un sacré décalage

Merci pour le lien

[mosquitout]

Aucun résultat encourageant avec:
p {margin: 1.5ex; padding: 0;}
ou
p {margin: 1.5em; padding: 0;}
ou
p {margin: 1.5px; padding: 0;}

j'ai toujours une différence de base entre les deux browser !
J'ai passé en revu tous mes selecteurs et ne vois vraiment pas ou se situe le pb ! du moins, après lecture des sites spécialisés je comprend le pb (differences de marge) mais ne vois pas comment le résoudre