1.	Le problème

Admettons que vous mettiez une image animé dans une frame. Vous adaptez le cadre a la taille de l'image : sur votre pc y a pas de problème mais lorsque vous essayez avec un écran plus petit (une résolution inférieur) vous constatez que la taille du cadre à diminué et que l'image n'est plus visible dans son intégralité parce qu'elle est plus grande que le cadre!!!

Pourquoi? Parce que la taille de vos cadres sont défini en pourcentage !!
Voici un exemple de frame:


<HTML>
<FRAMESET COLS="30%,*">
  <FRAME NAME="menu" SRC="menu.html">
  <FRAMESET ROWS="60%,*">
    <FRAME NAME="haut" SRC="haut.html">
    <FRAME NAME="body" SRC="body.html">
  </FRAMESET>
<NOFRAMES>
<BODY>

</BODY>
</NOFRAMES>
</FRAMESET>
</HTML>

Dans ce cas, la taille de la colonne est de 30% de la largeur de l'écran (l'autre colonne prend le reste par défaut)... La taille de ce cadre sera donc en fonction de la résolution de l'affichage ou, pour simplifier, de la taille de l'écran. Un écran plus petit générera donc un cadre plus petit!! Mais les éléments du cadre, eux, reste toujours à la même taille !! Problème!

A propos: COLS="30%,*" est équivalent à COLS="30%,70%". Le symbole * représente l'espace restant de l'écran .

2.	La solution

Vous pouvez définir la taille de vos cadres en pixel ! La taille des cadres sera donc toujours la même!

Voici le même exemple avec la taille des cadres en pixel:


<HTML>
<FRAMESET COLS="150,*">
  <FRAME NAME="menu" SRC="menu.html">
  <FRAMESET ROWS="200,*">
    <FRAME NAME="haut" SRC="haut.html">
    <FRAME NAME="body" SRC="body.html">
  </FRAMESET>
<NOFRAMES>
<BODY>

</BODY>
</NOFRAMES>
</FRAMESET>
</HTML>

A la place des pourcentages se trouve des valeurs en pixel, juste un nombre sans aucun symbole %

Dans ce cas aussi le symbole * donne comme taille au 2eme cadre, l'espace restant de l'écran.