Positionner des calques selon la résolution

Bonjour,

Ma question est des plus fréquentes, et pourtant je ne trouve aucune réponse assez claire pour débutants, qui m'ait fait avancer!

Je construis un site ultra simple avec dreamweaver 1 (pas par choix mais c'est tout ce que j'ai)
Le principe est de présenter des photos, parfois des textes.
Quand on clique sur une photo elle s'affiche en grand dans une nouvelle page.

La position des photos et textes est importante.
Pour les positionner plus facilement j'ai fait un calque par objet.

Vous devinez mon problème, conserver les mêmes proportions d'ecarts entre les objets, quelque soit la résolution d'écran ou encore si on affiche la barre de "favoris" ou autre.
Le but est toujours d'éviter les barres de défilement en horizontale et verticale.

ce qui inclut de faire modifier automatiquement la taille des objet ou calque

Connaissez vous un lien explicite?

Il existe tellement de possibilités concernant le positionnement que je ne trouve pas la méthode qui répond à ma question.

Merci beaucoup.

Re

Excusez moi je n'ai laissé aucun indice


Voici un exemple de calque pour afficher un lien vers une autre page du site


<div id="Layer6" style="position:absolute; width:411px; height:276px; z-index:6; left: 844px; top: 276px">
<div align="left"><a href="pages_agrandissements/7_procession/page_75_robes_tenture.htm"><img src="photos_originales/page_7_procession_2009/robes_tenture.jpg" width="460" height="301" border="0"></a></div>
</div>


et un autre fabriqué de la même façon mais comportant une photo avec un lien


<div id="Layer2" style="position:absolute; width:367px; height:193px; z-index:2; left: 26px; top: 616px">
<div align="left"><a href="pages_agrandissements/7_procession/page_72_tenture.htm"><img src="photos_originales/page_7_procession_2009/tenture.jpg" width="336" height="222" border="0"></a></div>
</div>


J'espere que ce code n'est pas trop bordelique...?

Merci.