OVH Cloud OVH Cloud

Pb sur window.innerWidth

4 réponses
Avatar
Julien C.
bonjour,

J'ai un souci avec la propriété innerWidth sur les navigateur Netscape,
Firefox, mozilla et ie mac. je me sert de cette fonction pour centrer
horizontalement un menu javascript sur ma page. le prob c'est que
normalement cette propriété ne doit pas tenir compte de la largeur de la
barre de défilement. qu'il y ai la barre de défilement ou pas
innerWidth à la même valeur, du coup mon menu est déplacé de ~15px sur
la droite (pas glop).

Avez-vous une méthode pour solutionner mon problème ? savoir si la barre
de défilement est affiché ou pas et connaitre sa largeur ?

Merci d'avance, Julien C.

4 réponses

Avatar
Julien C.
Julien C. wrote:
bonjour,

J'ai un souci avec la propriété innerWidth sur les navigateur Netscape,
Firefox, mozilla et ie mac. je me sert de cette fonction pour centrer
horizontalement un menu javascript sur ma page. le prob c'est que
normalement cette propriété ne doit pas tenir compte de la largeur de la
barre de défilement. qu'il y ai la barre de défilement ou pas
innerWidth à la même valeur, du coup mon menu est déplacé de ~15px sur
la droite (pas glop).

Avez-vous une méthode pour solutionner mon problème ? savoir si la barre
de défilement est affiché ou pas et connaitre sa largeur ?

Merci d'avance, Julien C.


Je me sert en fait de document.body.clientWidth (quand dispo sur le
navigateur) pour avoir la valeur correct sans la largeur du scrollbar
vertical (si il est présent).

Avatar
ASM
Julien C. wrote:
Julien C. wrote:

bonjour,

J'ai un souci avec la propriété innerWidth sur les navigateur
Netscape, Firefox, mozilla et ie mac. je me sert de cette fonction
pour centrer horizontalement un menu javascript sur ma page. le prob
c'est que normalement cette propriété ne doit pas tenir compte de la
largeur de la barre de défilement. qu'il y ai la barre de défilement
ou pas innerWidth à la même valeur, du coup mon menu est déplacé de
~15px sur la droite (pas glop).

Avez-vous une méthode pour solutionner mon problème ? savoir si la
barre de défilement est affiché ou pas et connaitre sa largeur ?



Tu ne peux mesurer la largeur de la fenêtre qu'après son affichage
chez moi avec FF et Safary, innerWidth fonctionne
uniquement après chargement


--
Stephane Moriaux et son [moins] vieux Mac


Avatar
ASM
ASM wrote:
Julien C. wrote:


Tu ne peux mesurer la largeur de la fenêtre qu'après son affichage
chez moi avec FF et Safary, innerWidth fonctionne
uniquement après chargement


oublié ... c'est :

window.innerWidth

qu'il faut pour les gecko et non pas

document.body.client.truc.innerWidth


--
Stephane Moriaux et son [moins] vieux Mac

Avatar
ASM
ASM wrote:
ASM wrote:

Tu ne peux mesurer la largeur de la fenêtre qu'après son affichage
chez moi avec FF et Safary, innerWidth fonctionne
uniquement après chargement



ai refait tests plus sérieux : en effet la largeur donnée est la même

note que tu n'en a pas besoin
ceci est centré horizontalement avec ou sans ascenseur :

<form style="position:relative; left:50%;
width:400px; margin-left:-200px;
border:1px solid red;">
blabla
</form>
</div>



--
Stephane Moriaux et son [moins] vieux Mac