Peut on centrer un background?

Résolu
hananedesign Messages postés 26 Date d'inscription   Statut Membre Dernière intervention   -  
hananedesign Messages postés 26 Date d'inscription   Statut Membre Dernière intervention   -
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 1778 Date d'inscription   Statut Contributeur Dernière intervention   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 Date d'inscription   Statut Membre Dernière intervention  
 
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 1778 Date d'inscription   Statut Contributeur Dernière intervention   320 > hananedesign Messages postés 26 Date d'inscription   Statut Membre Dernière intervention  
 
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 Date d'inscription   Statut Membre Dernière intervention   > Revan26914 Messages postés 1778 Date d'inscription   Statut Contributeur Dernière intervention  
 
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 1778 Date d'inscription   Statut Contributeur Dernière intervention   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 Date d'inscription   Statut Membre Dernière intervention  
 
finalement j'ai opté pour les calques.
0