Peut on centrer un background?
Résolu
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.
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.
Configuration: Windows XP Firefox 2.0.0.14
2 réponses
-
ContributeurBonjour,
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
-
-
Contributeur@hananedesignSi 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?
-
@Revan26914Je 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>
-
-
ContributeurPeut-ê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.
