Pb sur position calque

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Pb sur position calque

DJERO

Yoooup...merde ça marche pas..

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

Publicité

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.

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.

DJERO

Yoooup...merde ça marche pas..

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

Merci à vous

DJERO

Yoooup...merde ça marche pas..

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>

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

Yoooup...merde ça marche pas..

Merci bcp

DJERO

Yoooup...merde ça marche pas..

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

youdontcare

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

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

DJERO

Yoooup...merde ça marche pas..

Publicité

youdontcare

ok, file-moi ton salaire maintenant.

:hello:

DJERO

Yoooup...merde ça marche pas..

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

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

Yoooup...merde ça marche pas..

Merci pour tout

FORUM HardWare.fr

Programmation

Pb sur position calque

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...
Plus de sujets relatifs à : Pb sur position calque

Page générée en 0.058 secondes