Layer-couche (suite)

 Génial!

Je crois bien avoir trouvé comment résoudre le problème précédent à savoir l'image dans le layer qui se déplace quand on redimensionne la fenêtre du navigateur et donc aussi quand on change de résolution d'écran.

Voilà mon code modifié. Seul ce qui est en noir et surtout en rouge est à prendre en considération, le code en gris ayant été présenté dans le précédent post...

<div name='essai' style='position: relative; top: 170px; left: 20%; width: 500px; margin:0 auto; visibility : visible;z-index : 1;'>

<p>

<a href='http://meteo-weather3.blogspot.fr' onclick='window.open(this.href, &apos;met&apos;, &apos;resizable=yes,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no,width=640,left=10,height=800,top=10&apos;); return false;' title='Meteo du webmaster - Webmaster&apos;s forecast'><img alt='' src='http://weathersticker.wunderground.com/weathersticker/cgi-bin/banner/ban/wxBanner?bannertype=wu_bluestripes_metric&amp;airportcode=TNCM&amp;ForcedCity=Juliana%20Airport&amp;ForcedState=Saint-Martin&amp;wmo=78866&amp;language=FR' style='width: 160px; height: 90px;'/></a></p>

</div>

Donc... "absolute" a été remplacé par "relative", j'ai rajouté width: 500px; pour dimensionner le DIV (on peut aussi paramétrer la hauteur avec height) et margin:0 auto; pour le centrer. Et ça fonctionne semble-t-il (en tous cas en redimensionnant la fenêtre de mon navigateur). Les dimensions "top" et "left" ont été changées mais ça c'est normal...

Centrer un DIV:  margin:0 auto;
Dimensionner un DIV: width: 500px; heigth: 150px;