Discussion :

[nzoway]

Bonjour à toutes et à tous,

J'ai un problème au niveau du retour d'info sur le positionnement d'une Div avec position() et offset(), le code étant le suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<style>
        body, html {
            margin : 0;
            padding : 0;
        }
 
        #test {
            background-color: red;
            height:100px;
            width:100px;
            margin: 10px;
        }
    </style>
 
    <div id="test"></div>
 
 
    <script src="js/jquery.min.js"></script>
    <script>
        alert('top : ' + $('#test').offset().top + 'px');
        alert('bottom : ' + $('#test').offset().bottom + 'px');
        alert('left : ' + $('#test').offset().left + 'px');
        alert('right : ' + $('#test').offset().right + 'px');
    </script>

le code est simple mais le script retourne le résultat suivant :
top : 10px
bottom : undefinedpx
left : 10px
right : undefinedpx

idem pour le "positon().left , positon().right..."

je ne vois pas ou ca peut bloquer, il n'y a pas de "float", pas de nombre a virgule ni de "position absolute", la Div en question est bien dans le flux de la page.
comment cela est possible d'avoir que 2 valeurs sur les 4?

merci d'avance.

[Bovino]

Il suffit de lire la doc de .offset() et .position()...

.offset() returns an object containing the properties top and left.

Returns an object containing the properties top and left.

[nzoway]

merci pour cette réponse rapide, effectivement cela ne m'a pas interpellé quand je cherchais la solution sur google, tous les exemples de code étaient soit position().top, soit position().left.

je chercherai de manière plus assidu avant de poster, le mystère est résolu.