Largeur fenêtre du navigateur / Positionnement de calques

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
Maxime

Largeur fenêtre du navigateur / Positionnement de calques

Message par Maxime »

Bonjour à tous et d'avance merci pour l'aide que vous allez m'apporter (enfin j'espère). :lol:

Mon problème est le suivant.

Je suis en train de réaliser un site web dans lequel on navigue à travers des menus qui s'affichent dans des calques. Jusque là rien de très interessant. Mon javascript fonctionne sous IE mais sous firefox mes menus sont complétement décalés.

Cette ligne me permet de détecter la largeur de la fenêtre

Code : Tout sélectionner

document.body.offsetWidth
et ces deux lignes me permettent (après un léger calcul) de placer correctement le menu

Code : Tout sélectionner

document.getElementById("menu").style.left = posX;
document.getElementById("menu").style.top = posY;
Au final sous firefox mon menu est situé complétement en haut de ma fenêtre et anormalement décalé vers la gauche.

Quelqu'un pourrait m'expliquer ce qui déconne ??? :cry:

Merci d'avance ! :)

Maxime
bobo
Iguane
Messages : 764
Inscription : 18 août 2003, 11:04

Message par bobo »

c'est difficile à dire avec si peu d'information.
est-ce que tu as une page d'exemple en ligne quelque part ?
Les standards c'est bon, mangez en !
Flore & Sébastien
Unité dans la diversité.
Maxime

Message par Maxime »

tu trouveras ici le dit site et en l'ouvrant depuis firefox tu comprendras vite le pb.

Merci d'avance.

NB : l'url n'est valable qu'aujourd'hui.
bobo
Iguane
Messages : 764
Inscription : 18 août 2003, 11:04

Message par bobo »

En fait je viens de comprendre le problème.
Tu ne met pas d'unité quand tu affectes les propriétés .left et .top !

Code : Tout sélectionner

document.getElementById("menu").style.left = posX + 'px';
document.getElementById("menu").style.top = posY + 'px';
devrait faire l'affaire.
Les standards c'est bon, mangez en !
Flore & Sébastien
Unité dans la diversité.
Maxime

Message par Maxime »

Ok, je vais regarder ça dès demain. Dans l'attente du "verdict", passez une bonne soirée ! :D
Maxime

Problème résolu

Message par Maxime »

Nikel ! Tout fonctionne ! Merci beaucoup bobo et à plus tard !

Bonne journée. :wink:
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 2 invités