[réglé]CSS : Mettre une image qui se déplace en bas à droite

[gael49]

Salut !

J'aimerais afficher sur une page web, un logo qui resterait en bas à droite même lorsque l'on utilise l'ascenceur. Pouvez-vous m'aider ?

PS : Il me faudrait évidemment une solution pour Firefox + un bricolage pour IE

[coyote89]

Salut,

Une image avec l'attribut CSS position: fixed; suffit, si je me souviens bien.
Pour IE par contre, faut voir du côté des CSS-Hacks, mais je ne connais pas spécialement bien ce genre de fonctions.

[gael49]

Merci Coyote, ça fonctionne ! Mais par contre je ne sais pas comment gérer les différentes résolutions d'écrans... si je place l'image pour un 1024*768, ça ne marchera pas en 800*600, et vice-versa. Enfin c'est pas très grave...

[coyote89]

Il ne faut pas raisonner en pixels, mais en position.
Tu peux mettre top, left, etc... afin de dire au navigateur, quelquesoit la résolution de l'écran du visiteur, que l'image doit être à 0px du bord gauche par exemple.

Je pense que google pourra te renseigner si jamais tu ne connais pas la syntaxe exacte

[gael49]

Il ne faut pas raisonner en pixels, mais en position.
Tu peux mettre top, left, etc... afin de dire au navigateur, quelquesoit la résolution de l'écran du visiteur, que l'image doit être à 0px du bord gauche par exemple.

Justement ça ne va pas, si je la positionne bien en bas à droite (avec les attributs top et left évidemment) pour du 1024, en 800*600, on ne la voit plus ! Si je la positionne pr le 800*600, elle se retrouve trop haut et trop à gauche pour le 1024 ou +...
Enfin c'est vraiment pas important, donc je crois que je vais la mettre bien pr le 1024 et tant pis pr ceux qui ont du 800.

[blankoworld]

Bonjour,

Position: fixed ne fonctionne effectivement qu'avec Mozilla Firefox.
Mais as tu tenté de faire ceci :

Code: Tout sélectionner

position: absolute;
right: 0;
bottom: 0;

Il me semble que cela fonctionne correctement, si tant est que ton image est dans un calque ou cadre (balise DIV).

[coyote89]

Les paramètres top et left sont relatifs, tu ne devrais donc pas rencontrer de problèmes dépendant de la résolution de l'écran du visiteur.
Il doit y avoir une erreur quelque part.