Discussion :

[grimmjow jaggerjack]

Bonjour,
voici le code css

Code :

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

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 html :

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

<header>contenu du header</header>

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

[Torgar]

Il bouge ?

C'est précis...

[grimmjow jaggerjack]

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

[Torgar]

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

[grimmjow jaggerjack]

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

Code html :

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

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

code css:

Code :

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

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.

[Torgar]

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

[grimmjow jaggerjack]

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

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

[Invité]

Bonjour,

Code :

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

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).

[grimmjow jaggerjack]

Merci pour la réponse.