Largeur de document différence entre IE et FFX

Version imprimable

Bonsoir a tous,

Voila j'ai un petit souci avec un morceau de code qui fonctionne niquel sur FF mais pas sur IE.... Alors je viens vous demander votre aide :D

En gros je veux mettre une div au dessus de ma page donc je fais :
Code:

1 2 3 4 5 6 7 var scrollY = document.documentElement.scrollTop; var scrollX = document.documentElement.scrollLeft; var fond = document.createElement('div'); fond.style.width = scrollX + document.documentElement.clientWidth + 'px'; fond.style.height = scrollY + document.documentElement.clientHeight + 'px';
Mais cela me fait une div plus large que ma page sous IE... Donc je ne sais pas trop d'où vient l'erreur...

J'espère que quelqu'un pourra m'aider.

Bonne soirée a tous !

regarde plutot du coté des syntaxes de largeur suivantes:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function TailledeFenetre() {
  var mALarg = 0, maHaut = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Pas-IE
    maLarg = window.innerWidth;
    maHaut = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6 et standards 
    maLarg = document.documentElement.clientWidth;
    maHaut = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 et compatibles
    maLarg = document.body.clientWidth;
    maHaut = document.body.clientHeight;
  }
 alert( 'Width = ' + myWidth );
 alert( 'Height = ' + myHeight );
}

Merci SpaceFrog pour ta réponse,

Donc j'ai essayé d'insérer tes quelques lignes de code. J'ai juste modifier l'ordre de tes conditions parce que sinon FF3 avait une largeur un poil trop grande.

Mais sur IE, dans tous les cas, toujours le même problème :(

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
 
        var mALarg = 0, maHaut = 0;
	if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) 
	{
		//IE 6 et standards 
		maLarg = document.documentElement.clientWidth;
		maHaut = document.documentElement.clientHeight;
	}
	else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) 
	{
		//IE 4 et compatibles
		maLarg = document.body.clientWidth;
		maHaut = document.body.clientHeight;
	}
	else if( typeof( window.innerWidth ) == 'number' ) 
	{
		//Pas-IE
		maLarg = window.innerWidth;
		maHaut = window.innerHeight;
	} 
 
	var scrollY = document.documentElement.scrollTop;
	var scrollX = document.documentElement.scrollLeft;
	var largeurContenu = 500;
	var fond = document.createElement('div');
	fond.style.zIndex = '9999';
	fond.style.position = 'absolute';
	fond.style.width =  scrollX + maLarg + 'px';
	fond.style.height = scrollY + maHaut + 'px';
	fond.id = 'infoslegales';
	fond.style.background = 'url("style/fd_divInfosLegales.png")';
 
	var contenu = document.createElement('div');
	contenu.style.width = largeurContenu +'px';	
	contenu.style.marginLeft = ((maLarg - largeurContenu) /2) +'px';
        // reste du code

Vu que je fais : fond.style.width = scrollX + maLarg + 'px'; j'ai affiché la valeur de scrollX et il est a 0.

Merci d'avance pour votre aide.