[Résolu] Background-image mal placé selon FF / IE

Bonjour,
selon le nav utilisé, j'ai le "background-image" d'un <div> qui se place différemment sous FF2.0.0.5 ou IE6.
Voir : http://s2p2.apinc.org
Ce que je ne comprends pas :
- décalage top=12px sous FF (et pas sous IE)
- décalage right=2px sous IE (et pas sous FF)

Le code du <div> en question :

clear:both;
background-image: url(banniere.jpg);
background-repeat: no-repeat;
background-position: center ; /* top, middle, bottom, left, center ou right  */
text-align:left;
margin-top:0px;
font-size:1em;/* ne devrait pas changer à priori */
height:150px;

Le code du <div> principal :

border:1px solid black;
font-size:1em;
margin:0px;

Merci pour l'aide apportée.
Gilles
Modifié par gilles74 (26 Jul 2007 - 10:27)

Bonsoir,
le script et les styles qui précèdent ton doctype font basculer les navigateurs recents en mode quirks, ce qui la porte ouverte, entre autres, à des divergences d'affichage plus importantes d'un navigateur à l'autre.
Ne jamais rien mettre avant le doctype.

Et je te conseil de lâcher prise pour des différences d'affichage de quelques
pixels, il est illusoire de penser qu'on peut obtenir exactement le même rendu sur tous
les navigateurs. En plus d'être chronophage ce type d'objectif est totalement
inutile puisqu'on ne consulte pas un site sur plusieurs navigateurs à la fois.
Modifié par Hermann (24 Jul 2007 - 23:57)

Le décalage de 12 px venait en fait d'une mauvaise imbrication entre un <div></div> et un <form></form>.

Reste l'autre décalage de 2px (sur le bord droit et sous IE uniquement) ; je trouverai bien à l'occasion...

Toujours est-il que la remarque sur la DTD reste valable et je la prendrais en compte.

Salutations et merci,
Gilles

Tu considères que ce sujet est [Résolu] ?

Hermann a écrit :
Tu considères que ce sujet est [Résolu] ?

Oui ; j'ai donc modifier l'objet en ajoutant [Résolu], en supposant que c'est comme ça qu'il fallait faire.