(Re)positionner une DIV sur une autre selon résolution de l'écran.

**argyronet** · 26/09/2011, 09h11

Bonjour...

Dans un page HTML une image de fond de 950x710 est insérée dans une DIV (dvMain).
Cette DIV, par l'opération du Saint-Esprit Javascript est centrée sur l'écran en fonction de la résolution de ce dernier.
Le problème... Bah, oui, il y en a un :
6 DIV possédant un découpage de cette image de fond doivent se superposer en lieu et place du découpage qu'elles représentent et ce dans le seul but d'avoir la main dessus, euh...dans les deux sens du terme :

Code :

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

(cursor: hand) et <a href=""...>

Mais comme ma DIV principale (z-index:1), celle de l'image de fond, ne se centre qu'à partir des événements OnLoad() et OnResize() de la balise 'body', je ne connais la position finale de ma DIV dvMain qu'après. Donc, je suis bloqué ici car même avec un :

Code :

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

document.writeln'(<div id="dvImgPart1" style="position: absolute; left:'+265+intImgMainLeft+'px; top:'+140+intImgMainTop+'px; z-index: 2;")';

ca ne renvoie pas ma DIV à la bonne position mais seulement à 265 en x et 140 en y...

J'avoue que je suis un peu perplexe quant à la faisabilité du truc.
J'ai bien essyé mon

Code :

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

document.writeln()

dans ma fonction ResizeDiv() qui est celle qui est appelée par la fonction CenterDiv() toutes deux appelées respectivement par les événements OnResize() et OnLoad(), en vain...

P.S. j'ai tenté aussi mais je ne sais appliquer les <area...> du fait que leurs coordonnées sont encore plus complexes à calculer, en tout cas, dynamiquement...

Si vous avez tout compris, un petit coup de pouce serait le bienvenu.

Merci par avance,

Argy

**SpaceFrog** · 26/09/2011, 09h12

Pourquoi ne positionne tu pas en % et pas en pixels ?

**argyronet** · 26/09/2011, 09h16

Humm, parce que cela ne m'a pas effleuré d'une part et que la position ne doit pas être décalée d'un pixel : ce sont des dessins avec des effets de dégradé et je n'ai aucune tolérance à ma disposition.

Merci

Argy

[EDIT]
Humm, ça à l'air d'être opérationnel...
je galère un peu pour calculer les x et y en % mais je devrais m'en sortir ainsi.
Merci

[/EDIT]