Bonjour à tous !
J'ai un souci au niveau de mon site de travail en Html/css.
Il est assez compliqué à expliquer, j'espere que vous comprendrez ^^" .
J'ai mis un fond sur mon site :
 
CSS :
 
body
{
    background-image: url("images/Fond.jpg" );
    background-attachment: fixed;
}
 
Ce fond à une taille de 1569*1200.
Je veux ensuite mettre un menu, grâce à l'insertion d'un tableau de 9 colonnes.
J'aimerais placer ce menu au centre exact de ma page, au milieu de la page.
J'utilise donc encore une fois du Css :
 
}
.menu
{
position:absolute;
 
     left: 50%;  
 
     top: 50%;
}
 
Mais il se place a 50% par rapport à mon Fonds et non par rapport à la page ... Vous comprenez ?
Vu que le fonds est grand, le menu se retrouve vers le bas droit de ma page ...
Pouvez vous m'aider à resoudre ce probleme ? merci d'avance.

Je pense plutot que le "top left" de ton tableau et au milieu, et non pas le centre

Si tu connais les dimensions de ton menu, tu peux faire ça :
 
.menu{
position:absolute;
left:50%;
top:50%;
margin-left:-(largeur/2)px;
margin-top:-(hauteur/2)px;
}
 
Il me semble que ça fonctionne avec les images mais bon, je n'ai pas testé.

Ça me l'a bien mis au milieu ! =D Mais y'a t'il un moyen pour le fixer ?
Merci =)

Comment ça fixer ?
Si tu veux fixer un élément, il faut lui donner des valeurs positionnelles fixes et non variables (donc pas de pourcentages).
 
 
Mais en ce moment je comprends rien alors faut m'excuser si je réponds n'importe quoi...

Bah les balises que tu m'a donné centre bien le menu, mais si je réduit ma page, le menu se recentre par rapport à la taille de la page, alors que le fond ne bouge pas.
==> http://195.83.128.55/~src8c15/
Une solution ? :s
Merci d'avance