background fixed et position. [Résolu]

defacta · 08/06/2011, 14h15

Salut,

Voilà, j'ai un petit soucis avec un div par rapport à son background que je souhaite fixed et positionné au début de la div:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

  <div id="bg_DIVBODY" style="max-width:1102px; margin: auto; text-align:center; align:center;background-color: #1c2f74; background-image: url(images/bg/TigerAquaBlue.jpg) ; background-position:top left; background-attachment: fixed; background-repeat: no-repeat; height: auto; min-height: 100%; _height: 100%;">

Voila, le soucis c'est quand je met le background-attachment à fixed, au lieu de démarrer au coin à gauche de la div bg_DIVBODY il commence à gauche en haut de la page, résultat je suis obligé de rattraper ce décalage par un javascript:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById('bg_DIVBODY').style.backgroundPosition = document.getElementById('bg_DIVBODY').offsetLeft + ' 0';

Donc je mets par javascript la position de la DIV pour son background ! C'est quand même bizarre, j'ai essayé abslute et relative dans background-position mais cela ne le démarre pas pour autant au début de cette div

Est-il possible avec un background-attachment à fixed de mettre la position de la div pour démarrer le background ?

Merci,
Vincent.

12monkeys · 08/06/2011, 15h48

Bonjour

Il faut savoir qu'une image d'arrière-plan à laquelle on a attribuée la valeur 'fixed' sera toujours positionnée par rapport à la zone de visualisation et ce quelque soit l'élément dans lequel on l'a déclaré. En d'autres termes le coin supérieur gauche de l'image placée en arrière-plan sera toujours positionné dans le coin supérieur gauche de la zone de visualisation, et ce même si cette image est déclarée pour un élément autre que l'élément <body>.

Donc c'est un comportement normal.

defacta · 08/06/2011, 16h09

Citation:

Envoyé par 12monkeys

Bonjour

Il faut savoir qu'une image d'arrière-plan à laquelle on a attribuée la valeur 'fixed' sera toujours positionnée par rapport à la zone de visualisation et ce quelque soit l'élément dans lequel on l'a déclaré. En d'autres termes le coin supérieur gauche de l'image placée en arrière-plan sera toujours positionné dans le coin supérieur gauche de la zone de visualisation, et ce même si cette image est déclarée pour un élément autre que l'élément <body>.

Donc c'est un comportement normal.

ok, j'ai mis center pour la position, c'est correct et ca m'évite de passer par le javascript

08/06/2011, 15h48	#2
12monkeys Rédacteur/Modérateur Dr. Peters Webmaster Inscription : novembre 2006 Messages : 3 618 Détails du profil Informations personnelles : Nom : Dr. Peters Âge : 35 Localisation : France, Bas Rhin (Alsace) Informations professionnelles : Activité : Webmaster Secteur : Service public Informations forums : Inscription : novembre 2006 Messages : 3 618 Points : 6 238 Points : 6 238	Bonjour Il faut savoir qu'une image d'arrière-plan à laquelle on a attribuée la valeur 'fixed' sera toujours positionnée par rapport à la zone de visualisation et ce quelque soit l'élément dans lequel on l'a déclaré. En d'autres termes le coin supérieur gauche de l'image placée en arrière-plan sera toujours positionné dans le coin supérieur gauche de la zone de visualisation, et ce même si cette image est déclarée pour un élément autre que l'élément <body>. Donc c'est un comportement normal. __________________ Vous débutez dans la creation de sites web : les bases du html et débuter avec les CSS Pas de MP pour des questions techniques ! Mode d'emploi du forum ; Règles ; Pensez à la balise code ; Pas de SMS ! Votez pour les messages qui vous ont aidés...
	00

08/06/2011, 14h15	#1
defacta Membre habitué Inscription : mai 2004 Messages : 383 Détails du profil Informations forums : Inscription : mai 2004 Messages : 383 Points : 129 Points : 129	background fixed et position. Salut, Voilà, j'ai un petit soucis avec un div par rapport à son background que je souhaite fixed et positionné au début de la div: Code : Sélectionner tout - Visualiser dans une fenêtre à part <div id="bg_DIVBODY" style="max-width:1102px; margin: auto; text-align:center; align:center;background-color: #1c2f74; background-image: url(images/bg/TigerAquaBlue.jpg) ; background-position:top left; background-attachment: fixed; background-repeat: no-repeat; height: auto; min-height: 100%; _height: 100%;"> Voila, le soucis c'est quand je met le background-attachment à fixed, au lieu de démarrer au coin à gauche de la div bg_DIVBODY il commence à gauche en haut de la page, résultat je suis obligé de rattraper ce décalage par un javascript: Code : Sélectionner tout - Visualiser dans une fenêtre à part document.getElementById('bg_DIVBODY').style.backgroundPosition = document.getElementById('bg_DIVBODY').offsetLeft + ' 0'; Donc je mets par javascript la position de la DIV pour son background ! C'est quand même bizarre, j'ai essayé abslute et relative dans background-position mais cela ne le démarre pas pour autant au début de cette div Est-il possible avec un background-attachment à fixed de mettre la position de la div pour démarrer le background ? Merci, Vincent.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email