largeur de mon document incorrecte

Bonjour,

sur mon IE8, le code suivant me donne invariablement la même valeur quelle que soit la taille de mon navigateur:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

function largeur(){ var largeur = 0; if( typeof( window.innerWidth ) == 'number' ) { largeur = window.innerWidth; } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) { largeur = document.documentElement.clientWidth; } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) { largeur = document.body.clientWidth; } else { largeur = -1; } return largeur; }

---

Je cherche à définir le margin-left d'un DIV selon la taille du navigateur.
Le margin auto ne fonctionne pas pour des raisons obscures (sans doute liées à un empilement de IFrame (j'y suis pour rien :) )

Est-il vraiment impossible dans ce cas d'obtenir la largeur de mon IE ?

Papy !

Code:

---

largeur = window.innerWidth;

---

Ce code retourne la largeur de l'objet window en cours, donc

Citation:

---

un empilement de IFrame

---

a aussi un impact, puisque l'objet window (ou document) en cours correspond à la frame qui appelle ce code.

Essaye plutôt

Code:

---

largeur = top.innerWidth;

---

le code en question se trouve au bureau. Je teste ça demain matin dès mon arrivée mais dans toutes mes recherches, il est noté un peu partout que innerWidth est invalide sous IE. Par exemple sur ce site

D'ailleurs j'avais oublié de préciser que le code indiqué dans mon premier message me renvoie systématiquement 1664 sur mon écran de 1680 px de large. Donc, la largeur physique en px moins la largeur d'une scrollbar.

Citation:

---

largeur = top.innerWidth;

---

désolé, mais comme je le craignais, ça ne fonctionne pas. :cry:

C'est pas grave, je vais laisser en l'état et voir ça plus tard.

Merci tout de même :)

Code:

---

largeur = top.document.documentElement.clientWidth;

---

:roll:

Citation:

---

Envoyé par Bovino

Code:

---

largeur = top.document.documentElement.clientWidth;

---

:roll:

---

me renvoie 0 ... :-(

la structure du document avec tous ses include doit être sacrément pourrie ...

Pas grave, ceux qui sont à l'origine de ça se débrouilleront :P

merci quand même;)

Code:

---

document.body.offsetWidth

---

avec un css

Code:

---

html, body {width: 100%; }

---

Citation:

---

document.body.offsetWidth

---

Je vais essayer mais pas tout de suite. Les pages que je développe font partie d'un ensemble de fichiers en nombre très conséquent. Et toute la partie de base (dont le body), je ne peux pas trop y toucher. Je vais voir ça avec le chef de projet.