2573 connectés

FORUM HardWare.fr

Programmation

Pb sur position calque

Recherche :

Dernière réponse
Sujet : Pb sur position calque
DJERO	:D Merci pour tout ;)

Votre réponse

Nom d'utilisateur

Pour poster, vous devez être inscrit sur ce forum .... si ce n'est pas le cas, cliquez ici !

Le ton de votre message

Votre réponse

Smilies

Liste des smilies perso
Wiki smilies
Chercher un smiley

Options

Activer votre signature
Désactiver les smilies
Activer la notification par email du sujet

Aperçu

Vous avez perdu votre mot de passe ?

Vue Rapide de la discussion

DJERO

:D

Merci pour tout ;)

youdontcare

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 ... ;)

DJERO

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 :sweat:

youdontcare

ok, file-moi ton salaire maintenant.

:hello:

:D

DJERO

re :D :D :D

youdontcare

pas besoin de recharger la page, tu n'as qu'à rappeler la fonction.

<body onload="tafonction()" onresize="tafonction()">

DJERO

Pourrais-je abuser un peu et te demander comment recharger la page si l'utilisateur redimmentionne sa fenetre ?

DJERO

Merci bcp :D :D :D

youdontcare

>> 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.

DJERO

Voila mon code pour un calque std:

Code :

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<style media="screen" type="text/css"><!--
#calque1 { position: absolute; top: 145px; left: 305px; width: 100px; height: 100px; visibility: visible }
--></style>
</head>
<body bgcolor="#ffffff">
<div id="calque1"></div>
</body>
</html>

DJERO

Merci à vous :D
seulement je ne comprends rien à ce que "youdontcare" m'a dit.
Pourrais tu illustrer ta réponse par un exemple :(

Merci à vous

youdontcare

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.

Kristoph

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.

DJERO

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 :)