header au centre impossible

[VoLCoM]

Bonjour, je me suis fait une image pour mon site que je veut mettre en haut de ma page et au centre.
J'utilise le CSS et j'arrive pas à mettre mon header au centre. Voici mon code :

[cpp]
body {
background-image: url("images/background.jpg");
margin: 0;
font-family: verdana, arial, sans-serif;
font-size: 12px;
}

.head1 {
background-position: top center;
background-image: url("images/head1.jpg");
width: 780px;
height: 123px;
}
[/cpp]

Est-ce le bon code pour centrer mon image ?

Merci

 

[Johan_et_Pirlouit]

Il te faut un centrage par les marges :
[cpp]
.head1 {
background: url("images/head1.jpg") top center; // forme courte de 'background'
width: 780px;
height: 123px;
margin: 0px auto; // marge haute et basse à 0px (exemple) et latérales à "auto" (forme courte de 'margin')
}
[/cpp]
Ca devrait aider..

 

[VoLCoM]

C'est good, sa fonctionne.

Merci

 

[Johan_et_Pirlouit]

Petit conseil pour être sûr : pense bien à tester avec IE (moteur anciennement connu sous le nom de Trident), Firefox (moteur Gecko), Opera et, si tu peux, Safari (Mac OS X) ou Konqueror (Linux avec KDE), ils partagent le même moteur : KHTML..