Discussion :

[OUZFA]

Bonjour � tous
J'ai un DIV cach� (visibility : hidden; display: none) qui doit afficher un texte. La position de ce DIV est "STICKY" pour qu'il reste tout le temps au centre de la page s'il est affich�.
Lorsque j'affiche ce DIV, j'utilise les propri�t�s (visibility : visible; display: block).

Le DIV s'affiche en prenant forcement de la place (espace) en haut de la page.

Y'a-t-il un moyen de supprimer cet espace au moment d'afficher le DIV ?

ou alors, y'a-t-il une autre m�thode qui me permettrait d'afficher un texte en position "STICKY" sans qu'il ne prenne de la place en haut de la page ? (quelque chose comme une fen�tre PopUp ou comme Window.Open)

Merci

[gabi7756]

Bonjour,
question b�te mais pourquoi en sticky ?
Si tu veux qu'il soit immobile sans prendre de place autant utilis� fixed ?

J'ai eu le m�me "probl�me" sur sticky sans trouv� de solution ...
Parce que ca reste le comportement normal du bazar

Cdt

[NoSmoking]

Bonjour,
question b�te , pourquoi utiliser visibility ET display ?

� avec visibility:hidden la place de l'�l�ment dans le flux est pr�serv�e et occupe donc son espace sur la page, on ne le voir tout simplement pas tout comme opacity:0.
� avec display:none l'�l�ment est enlev� du flux et donc n'occupe plus d'espace sur la page.

Ressources :

• Propri�t� visibility
• Propri�t� display

[OUZFA]

Salut
Merci pour les r�ponses.
Fixed ou sticky, peu importe car c'est le m�me r�sultat.

Peut-il y avoir une autre m�thode m�me en rempla�ant le DIV. Je pense � quelque chose qui se rapproche d'une fen�tre "window.open" qui ouvre une page (ex: PDF) dans une page ?

[OUZFA]

j'ai oubli� de pr�ciser que c'est un div qui contient du texte d'information et qui ne fait pas partie de la structure (un div conteneur). il ne doit pas en faire partie, c'est pour cela que je le positionne en haut et il doit venir au niveau d'un select au moment o je clique sur le select pour choisir un pr�nom dans une liste de pr�noms.

[gabi7756]

J'en reviens � ma question, il sert � quoi le sticky ? Position relative sinon ? Tu n'as jamais dit qu'il ne devait pas bouger lors du d�filement ...

[Olivier C]

Bonjour,

Au-del� de la question sur le positionnement, l'�l�ment <dialog> ou tout au moins l'attribut 'popover' sont des solutions toutes trouv�es pour r�pondre � votre probl�matique :

https://developer.mozilla.org/fr/doc...Element/dialog
https://developer.mozilla.org/fr/doc...ibutes/popover