Discussion :

[Grulf]

Bonjour,
J'ai cherché mais je n'ai pas trouvé ma réponse, alors désolé si ça a déjà été demandé (ce qui est sûrement le cas d'ailleurs).

J'ai un <div> qui apparaît au clic sur un élément via du JS.
Il a une largeur et une hauteur de 100%.
Jusque là c'est OK

Par contre, il se positionne tout en haut de ma page Web.
C'est normal, vu qu'il a ça comme style :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
position:absolute;
top:0px;
left:0px;

Mais ce que je voudrais, c'est qu'il se positionne à 0px du bord de ma fenêtre, et pas à 0px du haut de la page.

Ensuite je désactiverai l'ascenseur, ce qui forcera l'utilisateur à fermer le <div> via un bouton avant de pouvoir continuer à naviguer...

Donc si quelqu'un a la solution, je suis preneur !
Merci

[unnamed-anonymous]

salut,

tu veux faire un genre de pop-up c'est ca ?

[Grulf]

Ouais, un peu comme la lightbox de jQuery.
Mais je voulais le faire à la main...

[unnamed-anonymous]

Regarde du coté de

jquery modalbox

[Macmillenium]

Par contre, il se positionne tout en haut de ma page Web.
C'est normal, vu qu'il a ça comme style :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
position:absolute;
top:0px;
left:0px;

Mais ce que je voudrais, c'est qu'il se positionne à 0px du bord de ma fenêtre, et pas à 0px du haut de la page.

Un élément en absolute est positionné par rapport à son premier ancêtre positionné (absolute, relative ou fixed).
Tu as probablement un position:relative sur ton conteneur global.

[Grulf]

@unnamed-anonymous :
Merci, mais je voudrais le faire moi-même. Mon JS est déjà fait, j'ai juste besoin de positionner mon <div> correctement.

@Macmillenium :
J'ai aucun autre 'position' de défini dans mon CSS. Mais de toute façon je ne veux pas positionner mon <div> par rapport à un autre élément de ma page, mais par rapport à ce qui est visible dans ma fenêtre.

A l'instant où je clique pour afficher mon <div>, je veux qu'il soit positionné en haut à gauche de ce qui est visible.
Par exemple, si la 1ère ligne de pixels que je vois dans ma fenêtre correspond à la 354ème ligne de pixels de ma page complète, il faut que j'affiche mon <div> à 354px du haut de ma page (ou 353px d'ailleurs, non ? ).

Du coup ce que je cherche, c'est p'tet plutôt la position de ma fenêtre dans la page complète ?
Dans ce cas, c'était p'tet dans le forum JS et pas CSS que j'aurais dû me pointer ?

[Grulf]

Bon bah du coup en réexpliquant mon dernier post, j'ai cherché du côté du JS, et j'ai trouvé la propriété document.body.scrollTop qui me rend la position que je recherche, donc mon <div> s'affiche où je veux maintenant !

Merci