Je suis en-train de me casser les dents sur quelques essais qui fonctionnent partout (notamment sur Firefox), mais pas sur... Mozilla (en tout cas pas sur Mozilla 1.8).
Pourtant le moteur de rendu, Gecko, est censé être le même, non ?
Voici le gros exemple qui pose problème :
Code : Tout sélectionner
<div><p>paragraphe de texte</p></div>
div {
width : 300px ;
height : 200px ;
background : yellow ;
}
p {
margin-top : 2em ;
margin-left : 3em ;
width : 100px ;
height : 100px ;
background : green ;
}
Or sur Mozilla, le top décale le <div> et non le <p> !
Cela ressemble à un soucis de marges fusionnées mais ce phénomène n'est pas censé s'appliquer à mon exemple (blocs imbriqués) mais uniquement à des blocs frères.
J'ai essayé avec d'autres unités que "em", d'autres balises que <p>, j'ai supprimé les dimensions (height, width) mais rien n'y fait : la marge haute s'applique au conteneur <div> !
Je suis très étonné qu'il y'ait autant de différences de rendu alors que le moteur est le même que Firefox.
Après une recherche plus poussée, j'ai vraiment l'impression que le problème viendrait *uniquement* de cette version 1.8 de Mozilla qui se démarque des autres puisque depuis cette version ce n'est plus la Mozilla Foundation qui gère ce navigateur. Il est donc possible que le moteur ait changé.
Quelques sources non officielles :
http://standblog.org/blog/2005/03/11/93 ... mozilla-18
http://www.cybersdf.org/?2005/03/13/32- ... te-mozilla
Est-ce possible ?
Sinon, comment expliquez-vous ce phénomène et, surtout, avez-vous un moyen de le contourner en utilisant un moyen logique, simple, sans hack et qui fonctionne de la même manière sur l'ensemble des navigateurs actuels courants ?
Merci d'avance.
PS : au fait, est-ce que les personnes qui possèdent d'autres versions de Mozilla (1.7 par ex) pourraient elles aussi tester l'exemple et me dire s'il s'affiche correctement ?
Tant qu'à faire, les possesseurs de Safari, ou Netscape version récente (8 par ex) peuvent me laisser leurs commentaires aussi svp.
Note : c'est très important pour moi.
)