[Résolu] entête bien sur IE décalée sur Chrome

Bonjour,

Je suis en train de refaire mon site de contenu sur l'huile d'olive.
La première version a été réalisée à partir de Publisher 2007, la seconde uniquement en code html, css, php.
La version de développement est actuellement visible sur: lepaysdusoleil.com.
(pour info, la première version est sur huiledoliveextravierge.com)

J'ai un petit problème actuellement: l'entête est bien centrée sur IE mais sur Chrome et Mozilla elle est décalée sur la droite.

Je pense que c'est une betise, j'ai dû oublié quelque chose tout bête quelque part, mais je n'arrive pas à trouver.

Quelqu'un pourrait-il me donner un coup de main?

merci d'avance
Modifié par JPOl (19 Sep 2014 - 19:39)

Salut.

C'est en effet tout bête.
Tu utilises un affichage hors flux. Seulement tu indiques au navigateur que positionnement vertical (top:0) mais pas de positionnement horizontal (left:0;right:0; -> en utilisant ça, ton width:100%; devient pas la même inutile, puisque tu indiques que tu souhaites que le bloc touche l’extrémité du viewport à droite et à gauche). Sans information, le navigateur effectue un choix.

merci Erwan21a

j'ai compris le truc

mais, comment je peux centrer l'entête?

(sinon, par curiosité sais-tu pourquoi IE choisit de centrer et Chrome et mozilla de mettre tout à droite?

je retire la question (j'avais mis left mais pas right)
avec left:0; right:0;ça marche
merci