Pb sur position calque
Pb sur position calque - Programmation
Marsh Posté le 13-03-2002 à 15:21:04
Si c'est du HTML+CSS, essaye de mettre ton calque en position absolute donc pour le positionner relativement à la fenetre visible, et fais : margin-left: auto; margin-right: auto
Ou un truc de ce genre que j'avais déjà utiliser pour centrer une table récalcitrante.
Marsh Posté le 13-03-2002 à 15:28:08
si la technique de Kristoph ne marche pas, tu peux le faire en javascript : tu as la taille de ton calque dans tonCalque.offsetWidth, tonCalque.offsetHeight, la position absolute dans tonCalque.style.position = 'absolute', tonCalque.style.top = '10px' (ie mettre un entier en px), tonCalque.style.left.
la taille de la fenêtre dans ... document.body.offsetWidth & offsetHeight je crois. suffit de faire mumuse avec tout ça.
Marsh Posté le 14-03-2002 à 09:07:46
Merci à vous 
seulement je ne comprends rien à ce que "youdontcare" m'a dit.
Pourrais tu illustrer ta réponse par un exemple 
Merci à vous
Marsh Posté le 14-03-2002 à 09:14:13
Voila mon code pour un calque std:
Code :
|
Marsh Posté le 14-03-2002 à 10:33:33
>> Pourrais tu illustrer ta réponse par un exemple
<div id='myDiv' style='position: absolute;'>
ton texte
</div>
version ie :
<script>
function centerMe()
{
myDiv.style.left = (document.body.offsetWidth - myDiv.offsetWidth) / 2;
myDiv.style.top = (document.body.offsetHeight - myDiv.offsetHeight) / 2;
}
</script>
version mozilla :
<script>
function centerMe()
{
myDiv = document.getElementById('myDiv'
;
var left = parseInt((window.innerWidth - myDiv.offsetWidth) / 2);
var top = parseInt((window.innerHeight - myDiv.offsetHeight) / 2);
myDiv.style.left = left + 'px';
myDiv.style.top = top + 'px';
}
</script>
fonction à appeler par ex dans le 'onload' de la page.
Marsh Posté le 14-03-2002 à 10:53:44
Pourrais-je abuser un peu et te demander comment recharger la page si l'utilisateur redimmentionne sa fenetre ?
Marsh Posté le 14-03-2002 à 11:05:48
pas besoin de recharger la page, tu n'as qu'à rappeler la fonction.
<body onload="tafonction()" onresize="tafonction()">
Marsh Posté le 14-03-2002 à 11:16:53
Comment faire maintenant si je veux que mon calque ne soit pas au centre, mais décalé de 80 pixels sur la gauche et 50 vers le bas.
Je sais il faut vraiment que je me mettes au javascript 
Marsh Posté le 14-03-2002 à 11:21:34
2 + 2 = 4
soit a = 2, b = 2
a + b = 4
(a + b) / 2 = 2
(document.body.offsetWidth - myDiv.offsetWidth) / 2 = centre;
((document.body.offsetWidth - myDiv.offsetWidth) / 2) - 80 = centre - 80;
faut plutôt que tu revoies tes cours de maternelle ...
Sujets relatifs:
- Position clickée dans une fenetre openGL
- menus en DHTML : position ni absolute ni relative...?
- [ JS ] récupérer la position d'un élément ?
- Paramétrer la position d'un bouton ... ??????
- [Javascript] Position d'un élément sélectionné dans un TextArea
- Position du CURSEUR !!!
- [HTML] changer dynamiquement le contenu d'un calque
- [HTML] position d'image
- Problème de Position, de Couleurs et de Texte...
- Problème de Position , de Couleurs et de Texte...
Marsh Posté le 13-03-2002 à 15:09:48
Salut à tous,
je cherche à positionner un calque au centre de ma page (vertical/horizontal)
Comment faire en sorte que lorsque je redimmentionne ma page il soit toujours au centre ?
Merci pour votre aide