background fixed et position.

**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

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

background fixed et position.

Positionnement en CSS

Discussions similaires

Partager

Partager