(Re)positionner une DIV sur une autre selon résolution de l'écran.
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:
(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:
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
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
