Discussion :

[Eldann]

Bonjour, désolé de poser une question aussi basique qui a dû être posée maintes fois, mais je n'en trouve pas trace, ni dans la FAQ, ni par recherche, et ça fait un moment que je cherche.

N'y a-t-il aucun moyen de récupérer la largeur de la fenêtre du navigateur ?

J'ai bien compris que window.screen.width me fournit la largeur de l'écran (sa résolution horizontale, en fait), mais ça ne répond pas à ma question. Je voudrais pouvoir positionner un élément par rapport aux dimensions effectives de la fenêtre, sans être obligé de la passer autoritairement en plein écran histoire de contourner le problème.

Merci à vous.

[E.Bzz]

Bonjour,

Je voudrais pouvoir positionner un élément par rapport aux dimensions effectives de la fenêtre

cela dépend du cas que tu essayes de traiter (la réponse peut être différente), mais pour ne pas avoir à connaitre ces dimensions (de la fenêtre, du document ??), tu peux utiliser les CSS en % :

Code :

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

style="position: absolute; top:25%; left:25%; height:20%; width:50%;"

A+

[le_chomeur]

window.screen.width ?

[E.Bzz]

Sinon, window.innerHeight / innerWidth ...

A+

[Eldann]

Merci, sincèrement à E.Bzz :

1) je garde de côté ta première réponse, que je n'ai pas encore testée (pas eu le temps), mais qui me semble intéressante.

2) si le problème de la propriété innerWidth est qu'elle ne marche pas avec MSIE (no comment), ta suggestion (excellente avec un autre navigateur) m'a permis de trouver une autre façon de m'en tirer avec un truc typiquement MSIE, par contre : document.body.offsetWidth. En testant le navigateur utilisé, ça devrait marcher dans tous les cas.

Merci encore et bonne soirée.

[E.Bzz]

si le problème de la propriété innerWidth est qu'elle ne marche pas avec MSIE (no comment)

Ah oui : un oubli

Une autre tentative ici (clientWidth et scrollHeight) ...

A+