background fixed et position.

Version imprimable

08/06/2011, 14h15
defacta

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:

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

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.
08/06/2011, 15h48
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.
08/06/2011, 16h09
defacta

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 ;)