[HTML] Centrer une image de fond dans la page

sophie26 Messages postés 25 Date d'inscription   Statut Membre Dernière intervention   -  
 Androdoz -
Bonjour à vous, voila, j'aimerai bien pouvoir centrer une image en image de fond et cela dans la totalité de la page.
Si j'ai bien suivie mes cours, j'appel la fiche css comme ça :
<link href="css.css" rel="stylesheet" type="text/css">

et voici le contenue de ma super grande css ^^ :
body
{
background-image:url(fond.gif);
background-repeat:no-repeat;
margin-bottom: 1px;
left: 50%;
top: 50%;
}

hum hum je penssais que le left 50% et top 50% corrigerai mon soucie, mais mon image reste toujour cadré en haut a gauche quand j'ouvre une page explorer.

Merci beaucoup de bien vouloir me donner un petit conseil ou de me rediriger vers quelque chose qui pourrait m'aider.

Sophie,
A voir également:

16 réponses

GallyNet Messages postés 434 Date d'inscription   Statut Membre Dernière intervention   387
 
"left" et "top" sont deux propriété qui ne s'applique que sur les élémentsqui sont positionné en "absolute" ou en "relative" (grace à la propriété "position").
Ce que tu cherche a faire sera plus du genre :
body
{
background-image:url(fond.gif);
background-repeat:no-repeat;
background-position: center center;
}

ou en une seul ligne :
body
{
background:url(fond.gif) no-repeat center center;
}


Pour plus d'information sur les feuille de style : http://www.yoyodesign.org/doc/w3c/css2/cover.html
33