Bonjour à tous,

J'ai un petit soucis de compatibilité de mon code Javascript sous Google Chrome (il fonctionne très bien sous IE et Firefox) pour le positionnement d'un calque.

Résultat sous IE :


Résultat sous Chrome :


Le calque blanc est calé à gauche (un document.getElementById('uploadLayer').offsetWidth me retourne la même taille qu'un document.body.offsetWidth)

Fonction Javascript :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
function setToTheCenterOfTheScreen(objectId)
{
	var screenWidth = document.body.offsetWidth;
	var screenHeight = document.body.offsetHeight;
	var objectWidth = document.getElementById(objectId).offsetWidth;
	var objectHeight = document.getElementById(objectId).offsetHeight;
	document.getElementById(objectId).style.left = ((screenWidth / 2) - (objectWidth / 2)) + 'px';
	document.getElementById(objectId).style.top = ((screenHeight / 2) - (objectHeight / 2)) + 'px';
}
Calque concerné :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div id="uploadLayer" class="uploadLayer">
<table align="center">
   <tr>
      <td>Fichier : </td>
         <td><input type="file" name="uploadFile" /></td>
   </tr>
   <tr>
      <td colspan="2" height="15"> </td>
   </tr>
   <tr>
      <td colspan="2"><input type="submit" value="Envoyer" /></td>
   </tr>
</table>
</div>
CSS du calque :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
.uploadLayer
{
	position: absolute;
	visibility: visible;
	background-color: #FFFFFF;
	z-index: 1;
	top: 0px;
	left: 0px;
	text-align: center
}
Pouvez-vous me donner un petit coup de main ?

Merci d'avance