Glissière centrée ou pas glissière...!
SPOONIX
Messages postés
43
Date d'inscription
Statut
Membre
Dernière intervention
-
SPOONIX Messages postés 43 Date d'inscription Statut Membre Dernière intervention -
SPOONIX Messages postés 43 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai créé mon site avec ma "body contener" à 930px de large pour qu'il puisse être lu sans difficulté sur différents postes. Néanmoins j'ai un arrière plan qui est beaucoup plus large (1620px).
Sur mon écran quand je suis sur cette page à 100%, pas de glissière: pas de problème.
Par contre, quand je réduis la page, j'ai une "glissière" qui est déportée sur la gauche... beaucoup moins bien!
Il y a t'il une solution pour que quand je réduis la fenêtre (mais toujours à 100%) je retrouve la glissière centrée sur la page d'origine?
Pour info: Le problème est juste sur la largeur, pas sur la hauteur.
Voilà pour les sources:
----------------------------------------------index.php:
<body>
<div class="body">
<div class="contener">
<div class="header"><img src="imgs/HEADER.png" alt="menus" width="930" height="224"></div>
<div class="contenu"></div>
<div class="footer"><img src="imgs/FOOTER.png" alt="footer" width="930" height="134"></div>
</div>
</div>
</body>
</html>
----------------------------------------------global.css:
.body {
margin: 0px;
padding: 0px;
width: 100%;
position: relative;
left: 0px;
top: 0px;
right: 0px;
height: 1095px;
width: 1619px;
background-image: url(../imgs/BACKGROUND.jpg);
}
/* ---------Balise contener site */
.body .contener {
width: 930px;
height: 1095px;
margin: 0 auto;
position: relative;
Au niveau de CSS, je pense avoir fait les choses comme il faut pour centrer les éléments dans ma page...Seulement le background de mon body entraine la création d'une glissière (que je n'ai pas si je suis sans ce background) et dès que je réduis ma fenêtre (onglet en haut à droite de chaque fenêtre) tout en restant à un zoom de 100%, ma glissière horizontale se place automatiquement à gauche de la fenêtre alors que je souhaitais:
- ne pas avoir de glissière. (comme si je n'avais pas de background)
ou
- avoir une glissière horizontale qui se centre automatiquement à ma page.(comme si je n'avais pas mon background)
J'espère que mon explication aura été claire.
Merci pour votre aide.
J'ai créé mon site avec ma "body contener" à 930px de large pour qu'il puisse être lu sans difficulté sur différents postes. Néanmoins j'ai un arrière plan qui est beaucoup plus large (1620px).
Sur mon écran quand je suis sur cette page à 100%, pas de glissière: pas de problème.
Par contre, quand je réduis la page, j'ai une "glissière" qui est déportée sur la gauche... beaucoup moins bien!
Il y a t'il une solution pour que quand je réduis la fenêtre (mais toujours à 100%) je retrouve la glissière centrée sur la page d'origine?
Pour info: Le problème est juste sur la largeur, pas sur la hauteur.
Voilà pour les sources:
----------------------------------------------index.php:
<body>
<div class="body">
<div class="contener">
<div class="header"><img src="imgs/HEADER.png" alt="menus" width="930" height="224"></div>
<div class="contenu"></div>
<div class="footer"><img src="imgs/FOOTER.png" alt="footer" width="930" height="134"></div>
</div>
</div>
</body>
</html>
----------------------------------------------global.css:
.body {
margin: 0px;
padding: 0px;
width: 100%;
position: relative;
left: 0px;
top: 0px;
right: 0px;
height: 1095px;
width: 1619px;
background-image: url(../imgs/BACKGROUND.jpg);
}
/* ---------Balise contener site */
.body .contener {
width: 930px;
height: 1095px;
margin: 0 auto;
position: relative;
Au niveau de CSS, je pense avoir fait les choses comme il faut pour centrer les éléments dans ma page...Seulement le background de mon body entraine la création d'une glissière (que je n'ai pas si je suis sans ce background) et dès que je réduis ma fenêtre (onglet en haut à droite de chaque fenêtre) tout en restant à un zoom de 100%, ma glissière horizontale se place automatiquement à gauche de la fenêtre alors que je souhaitais:
- ne pas avoir de glissière. (comme si je n'avais pas de background)
ou
- avoir une glissière horizontale qui se centre automatiquement à ma page.(comme si je n'avais pas mon background)
J'espère que mon explication aura été claire.
Merci pour votre aide.
A voir également:
- Glissière centrée ou pas glissière...!
- Tabulation centrée word - Guide