Peut on centrer un background?

Résolu
hananedesign Messages postés 26 Statut Membre -  
hananedesign Messages postés 26 Statut Membre -
Bonjour tout le monde,

j'ai un design dont une partie sera mise en calque et l'autre en background.

Pour avoir un calque centré lors d'un changement de résolution d'écran je sais le faire mais peut on également centrer un background?? j'ai utilisé background-position: center ça veut pas le centrer.

Avec le background quand je réduis la fenêtre il se centre pas alors qu'un calque si. Comment ça se fait? Le calque est fixe mais avec un code css on peut le centrer. Qu'en est il pour le background? Je crois qu'on peut pas le centrer comme on voudrait..


merci d'avance.

2 réponses

Revan26914 Messages postés 1821 Statut Contributeur 320
 
Bonjour,

Au background-position il faut lui attribuer deux valeurs. La première c'est la position vertical et la deuxième l'horizontale.



Cordialement

Revan
0
hananedesign Messages postés 26 Statut Membre
 
bonjour Revan,

j'ai fais ce que tu m'as dis et ça ne marche pas apparemment.
Mon background a ces dimensions là 1280X1024. Dedans y"a un grand encadré ds lequel j'intégrerais le contenu texte.
0
Revan26914 Messages postés 1821 Statut Contributeur 320 > hananedesign Messages postés 26 Statut Membre
 
Si ton site est déjà en ligne, peux-tu me donner l'URL?

Peux-tu également me donner la partie de ton CSS concerné stp?


0
hananedesign Messages postés 26 Statut Membre > Revan26914 Messages postés 1821 Statut Contributeur
 
Je crée un site pour une boite il n'est pas encore en ligne.

Voici le code CSS :

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
<!--
body {
background-image: url(background.png);
background-position:
}
#Design {
position:relative;
margin-left :auto;
margin-right:auto;
z-index:1;
width: 799px;
}
#Contents {
position:absolute;
left:128px;
top:172px;
width:798px;
height:426px;
z-index:3;
background-color: #EDEDED;
}
#Body {
position:absolute;
left:20px;
top:179px;
width:781px;
height:641px;
z-index:5;
}
#Left {
position:absolute;
left:2px;
top:188px;
width:13px;
height:405px;
z-index:6;
}
.Style2 {color: #1c7997}
.Style4 {font-size: 11px}
.Style5 {font-family: Arial, Helvetica, sans-serif; color: #1c7997;}
#Layer7 { position:absolute;
left:552px;
top:17px;
width:195px;
height:191px;
z-index:3;
}
#Menu {
position:absolute;
left:125px;
top:116px;
width:797px;
height:41px;
z-index:9;
}
#header {
position:absolute;
left:125px;
top:170px;
width:799px;
height:14px;
z-index:10;
}
#left {
position:absolute;
left:128px;
top:195px;
width:12px;
height:628px;
z-index:11;
}
-->
</style></head>
0
Revan26914 Messages postés 1821 Statut Contributeur 320
 
Peut-être que quand ton image est en position au centre elle se cache derrière un élément.

essai de mettre en commentaire le reste de ton CSS, afin de voir ce qu'il en est.

0
hananedesign Messages postés 26 Statut Membre
 
finalement j'ai opté pour les calques.
0