28173 sujets

CSS et mise en forme, CSS3

Centrage du background pour toutes les résolutions [resolu]

bonjour
j'ai choisi de mettre une image comme background pour mon site. Cette image comporte la bannière, le fond du menu et les parties gauches et droites externe au contenu du site.
Mon image fait 1280X956 pixels.
Lorsque je constate le résultat avec une résolution de 1024 pixels de largeur, le contenu de 988 pixels est aligné à gauche. Mais l'arrière plan lui, ne bouche pas, normal il est statique et il manque une partie du menu.
Hors, j'ai constaté sur un site qu'ils utilisaient un arrière plan de 1660 pixels de largeur et que ce dernier apparaît toujours centré quelque soit la résolution et qu'aucune barre de schroll n'apparaît.
Ma question est simple : comment font-ils ?
Modifié par defranci (31 May 2010 - 09:48)
Administrateur
defranci a écrit :

Ma question est simple : comment font-ils ?

Hello,

Tout simplement avec la propriété background-position et la valeur center Smiley smile
ok merci, suis-je bête, c'était évident : background-position : center top;
Merci beaucoup.
par contre je n'arrive pas à faire suivre le menu selon les résolutions, car lui n'est pas centré, comment faire en sorte qu'il reste toujours au même endroit ?
Je mets le code du menu :
#catmenu
{
width:700px;
height:39px;
margin:0 0 0 32%;
}

#catmenu ul
{
  font-size:1em;
  list-style:none;
  margin:0;
  padding:0;
}

#catmenu li
{
  float:left;
  border-bottom:0;
}

#catmenu li a
{
font-weight:bold;
font-size:120%;
color:#FF8D4F;
margin-left:.5em;
display:block;
padding:10px 10px 10px 10px;
}

#catmenu li.current-cat a
{
  background:url(../../../photos/fond-active.jpg) repeat-x;
  color:#C82929;
  margin-left:.5em;
  display:block;
  font-weight:bold;
  padding:10px 10px 10px 10px;
  
  
}

#catmenu li a:hover
{
  background:url(../../../photos/fond-active.jpg) repeat-x;
color:#FF796F;
text-decoration:underline;
padding:10px 10px 10px 10px;

}

#catmenu ul li ul
{
  display:none;
}

Modifié par defranci (30 May 2010 - 21:03)
Sujet clos
Aller à