Fixer header html5

Bonjour,
voici le code css

Code:

---

1 2 3 4 5 6 7

header { height: 100px; margin-left: auto; margin-right: auto; padding-top: 10px; width: 728px; }

---

et voici le code html

Code:

---

<header>contenu du header</header>

---

mon problème est que le header bouge quand je redimensionne la fenetre.

Il bouge ? :koi:

C'est précis...

Je voulais dire par "bouger" que le header se décale à gauche au lieu de rester à la meme position.

Avec les margin-left et margin-right à auto c'est normal, il essaye de rester au milieu de son parent.

Voila ce que j'ai essayé de faire:
code html

Code:

---

<header><div id="pubHeader"></div><header>

---

code css:

Code:

---

1 2 3 4 5 6 7 8 9 10 11

header { height: 100px; padding-top: 10px; width: 100%; }   #pubHeader { margin-left: auto; margin-right: auto; width: 728px; }

---

Est ce que c'est la bonne solution car j'ai toujours le meme problème.

Tu n'as pas de page en ligne pour que l'on voit en direct ?

Oui voici l'adresse http://doodats.fr.

Ps: c'est de la pub il faut donc désactiver les bloqueurs de publicité.

Bonjour,

Code:

---

1 2 3 4 5 6 7

header { height: 100px; margin: 0 auto; padding-top: 10px; text-align: center; /* la pub sera centrée */ width: 970px; /* largeur du site */ }

---

Et tu peux enlever le <div id="pubHeader">.

N.B. 728px est la largeur de l'image (pub).

Merci pour la réponse.