Peut on centrer un background?
Résolu
hananedesign
Messages postés
1
Date d'inscription
Statut
Membre
-
hananedesign Messages postés 1 Date d'inscription Statut Membre -
hananedesign Messages postés 1 Date d'inscription 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.
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
-
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
-
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.- 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>
-
-
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.
