Discussion :

[MisterSnow]

Bonjour à tous,

Ne connaissant pas toutes les possibilités des CSS et n'ayant rien trouvé sur la toile, je poste ici en espérant qu'un grand sorcier des CSS me répondra.

Alors voilà, j'aimerai qu'une div et son contenu soit placée qqpart sur ma page (ça je sais faire lol -> position, margin...) mais j'aimerai que lorsque le visiteur fait défiler la page vers le bas avec l'ascenseur mon div monte, monte...(normal) puis fini par se coller en haut de la fenêtre de son navigateur et ne disparait jamais (même si le défilement de la page vers le bas continu).

Voilà, j'espère que j'ai été assez clair sinon n'hésitez pas à me poser des questions. Un grand merci d'avance pour vos lumières!
M.S

[polymorphisme]

Bonjour,

tu as un exemple sur une page du W3C : http://www.w3.org/Style/CSS/.
Simple et efficace.

[MisterSnow]

salut polymorphisme,

Effectivement ça ressemble à ce que je veux faire sauf que moi je voudrai que ma div soit plus petite et positionnée plus bas dans la page, qu'elle monte lorsqu'on fait défiler mais qu'elle ne dépasse jamais le haut de la fenêtre du navigateur et donc qu'elle ne disparaisse jamais.
(comme la case "résumé" quand on choisi un produit configurable sur l'Apple Store pour ceux qui connaissent http://store.apple.com/fr/configure/...co=MTc3NzYyOTY)

De plus j'aimerai surtout être aiguillé sur le code permettant de faire ça.

Merci !

[polymorphisme]

Pourquoi, ne pas lire le code source de la page que tu donne en exemple !
Tu aura déjà quelques éléments de réponses.

[MisterSnow]

Ouiii effectivement, je me disais que les CSS étant la plupart du temps contenu dans un fichier à part je n'y aurait pas accès en regardant le code source de la page. Puis je me suis rappelé que j'avais un outil extraordinaire qui s'appelle Firebug lol (honte à moi de ne pas y avoir pensé plus tôt)

Enfin bref, sur tes conseils j'ai réussit à décortiquer un peu le code du site que j'ai pris en exemple.
Si j'ai bien compris et en résumé pour la partie qui m'interesse, il y a une div qui sert de "rail" et à l'intérieur de celle-ci se trouve une autre div.

Mais là ou je bloque c'est qu'apparemment, lorsque la div qui est contenue dans les "rails" arrive en haut de page du navigateur le nom de la class de la div "rail" change et du coup elle passe d'une position Absolute à une position Fixed... (et ça c'est un mystère pour moi...)

Encore merci pour votre aide
M.S

[Bisûnûrs]

Ca ne se fait pas uniquement en CSS, il y a une bonne partie Javascript pour faire ce que tu souhaites.

[Mahefasoa]

Bonjour,

Le code en question se trouve dans ce fichier.
Il faut rechercher les termes "pinned_top" et "floating". Je pense que ce topic a besoin d'être déplacé.

Bien cordialement,

[MisterSnow]

Arf, c'est ce que je commençais à craindre, que ça ne soit pas seulement du CSS... Va falloir que je me mette au Javascript alors... c'est pas gagné... -_-'

Enfin... Merci de m'avoir éclairé, et désolé si du coup j'ai pas posté dans la bonne section