Forum de discussion
Forum « Programmation Javascript » (archives)
Re: Centrer un Layer dans la page
Envoyé: 22 mai 2003, 12h35 par Oznog
Tu peux le faire simplement en CSS de cette façon. Par contre tu remarquera que les dimensions du "calque" change aussi, c'est pour toujours avoir en pourcentage le centre.
Le problème est qu'en CSS ce n'est pas possible d'alligner verticalement (le vertical-align est exclusif aux images!).
Exemple :
<style type="text/css">
div.monDiv {
position: absolute;
top: 30%;
left: 30%;
width: 40%;
height: 40%;
border: 1px black solid;
background-color: #d6d3ce;
}
</style>
<div class="monDiv"></div>
Le calque sera toyujours au centre. Sinon, tu devra constament ajuster en Javascript la position du calque. Comme le fameux script du "logo geocity"... Voir sur Dynamic Drive ( http://www.dynamicdrive.com/dynamicindex4/logo.htm )
Dans ce code on peut faire l'ajustement de la position avec les constantes "Hoffset" et "Voffset". Pour toujours être au centre, au lieu de donner la valeur "10" comme l'exemple, tu donne la marge.
screen.availWidth/2-[largeurDuDivdiv/2]
Et
screen.availHeight/2-[hauteurDuDivdiv/2]
MAIS, puisque c'est en temps réel, tu devra ajuster ces valeurs à chaque rechargement (puisque availWidth et availHeight changeront).
Au fait, c'est pour quoi faite? PArceque si c'est un positionnement relatif c'est bien plus simple. Dans une cellule :
<td align="center" valign="middle">
<div style="position:relative;>TRUCSWEB</div>
</td>
Ciao
Oznog
Réponses
|