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 :
Calque concerné :
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'; }
CSS du calque :
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>
Pouvez-vous me donner un petit coup de main ?
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 }
Merci d'avance![]()
Partager