souci de centrage de mon image de fond [Réglé]
background qui n'est pas centré dans ma pge
Support Général
jbegusx Membre non connecté
-
Booster Fuzil
- Voir le profil du membre jbegusx
- Inscrit le : 23/01/2009
- Site internet
- Groupes :
j'ai un petit souci sur mon background qui est décallé par rapport a ma page.
j'ai ceci dans mon design.css :
Caché :
* {
margin:0;
padding:0;
font-size:100%;
}
body {
background:#E9ECEF url(images/global.jpg) no-repeat fixed;
font-size:12px;
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, 'Bitstream Vera Sans', Times, serif;
color:#0E2A48;
margin:0;
padding:0;
}
/* Conteneurs
--------------------------------------*/
/* ##### Conteneur global du site ###### */
div#global {
width:1200px;
margin:auto;
}
/* ##### Entéte de la page ###### */
div#header_container,div#header_admin_container {
background: url(images/header.jpg) no-repeat;
background-position:20px 0px;
margin-bottom:8px;
}
margin:0;
padding:0;
font-size:100%;
}
body {
background:#E9ECEF url(images/global.jpg) no-repeat fixed;
font-size:12px;
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, 'Bitstream Vera Sans', Times, serif;
color:#0E2A48;
margin:0;
padding:0;
}
/* Conteneurs
--------------------------------------*/
/* ##### Conteneur global du site ###### */
div#global {
width:1200px;
margin:auto;
}
/* ##### Entéte de la page ###### */
div#header_container,div#header_admin_container {
background: url(images/header.jpg) no-repeat;
background-position:20px 0px;
margin-bottom:8px;
}
et voila en image le probleme
Caché : 
petite précision en écran 17 pouces le décalage ne ce voit pas trop. une fois en 19 pouce et supérieur ça fait comme sur l'image.
j'ai donc réinstallé un PHPBoost 3 en "sous site" soit www/phpboost 3, installé donc en sous dossier de mon PHPBoost 4.
merci de votre aide
aiglobulles Membre non connecté
-
Booster Missile
- Voir le profil du membre aiglobulles
- Inscrit le : 15/08/2008
- Groupes :
jbegusx Membre non connecté
-
Booster Fuzil
- Voir le profil du membre jbegusx
- Inscrit le : 23/01/2009
- Site internet
- Groupes :
de mon coté approfondi et j'ai mis cette ligne en plus pour centrer mon background,
ça centre bien maintenant de droite à gauche mais j'ai un décalage en haut.
et oui il me faut une marge auto pour le haut.
je vais tenter de rajouter "margin:auto: sous la commande que j'ai rajouter
Caché :
background-position:center
/* --------------------------------------
design.css
Contient les conteneur, fortement dépendant du design.
--------------------------------------*/ /* Corps du site
--------------------------------------*/
* {
margin:0;
padding:0;
font-size:100%;
}
body {
background:#E9ECEF url(images/global.jpg) no-repeat fixed;
background-position:center;
font-size:12px;
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, 'Bitstream Vera Sans', Times, serif;
color:#0E2A48;
margin:0;
padding:0;
}
/* --------------------------------------
design.css
Contient les conteneur, fortement dépendant du design.
--------------------------------------*/ /* Corps du site
--------------------------------------*/
* {
margin:0;
padding:0;
font-size:100%;
}
body {
background:#E9ECEF url(images/global.jpg) no-repeat fixed;
background-position:center;
font-size:12px;
font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, 'Bitstream Vera Sans', Times, serif;
color:#0E2A48;
margin:0;
padding:0;
}
jbegusx Membre non connecté
-
Booster Fuzil
- Voir le profil du membre jbegusx
- Inscrit le : 23/01/2009
- Site internet
- Groupes :
Édité par jbegusx Le 18/12/2012 à 16h48
babsolune Membre non connecté
-
Administrateur
- Voir le profil du membre babsolune
- Inscrit le : 16/05/2008
- Site internet
- Groupes :
-
Equipe Développement
body {
background:#E9ECEF url(images/global.jpg) no-repeat fixed center top;
...
qui gardera l'image centrée meme si la réso de l'ecran de l'internaute est plus petite que l'image
mais ce n'est qu'un point de vue
Pour un support plus efficace, pensez à déclarer dans votre profil, le lien vers votre site
jbegusx Membre non connecté
-
Booster Fuzil
- Voir le profil du membre jbegusx
- Inscrit le : 23/01/2009
- Site internet
- Groupes :
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie