[Chrome] Positionnement d'un calque
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 :
http://img36.imageshack.us/img36/616...eniesod.th.jpg
Résultat sous Chrome :
http://img34.imageshack.us/img34/796...nchrome.th.jpg
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:
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:
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:
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 ;)
