Bonjour, bonsoir.

J'ai un problème avec mon site, j'ai mis des éléments un peu partout sur le site et dés que je zoom/dézoom ces éléments partent n'importe où.

J'ai utilisé position:absolute; ensuite position:relative; mais rien n'y fait, ces éléments partent n'importe où dés que je zoom/dézoom.

J'aimerais qu'ils restent en place, juste qu'ils rapetissent/grandissent lors de l'opération.

Par exemple: quand je zoom/dézoom JVC, c'est carrément le bloc qui rapetisse mais il reste centré. Personnellement, je dois placer mes éléments à des endroits précis, j'aimerais qu'ils gardent leur position initiale.

En espérant trouver de l'aide,
merci d'avoir lu.
Amicalement.

Hello, peux tu mettre le code ou un lien vers la page ?

Code HTML de mon site http://pastebin.com/44giyuMi
Code CSS http://pastebin.com/LWCGFi5y

Bon je vais pas retaper tout le code. J'ai mis :

1. wrapper

{
margin:0 auto;
width:1000px;
position:relative;
}

et

.layout
{
float:right;
background-color:white;
opacity:0.9;
z-index:10;
}

Ton problème :

- Tu as mis les éléments en relative ou float. Donc ils sont positionnés selon leur premier parent positionné, c'est à dire la fênetre. De ce fait, si tu zoomes ou dézoomes les "menus seront toujours placés tout à droite ou tout à gauche.

Tout ce que j'ai rajouté :

- J'ai fixé une taille fixe au wrapper et mis en relative. De cette manière les éléments fils positionnés le sont par rapport au wrapper de 1000px de large et non plus par rapport à la fenêtre. Car sans cette manipulation, le wrapper occuperait l'espace de la fenêtre.

- Un float:right sur .layout pour dire que #perso sera placé à droite du wrapper (à 10px près)

Après y'a des choses à redire sur le code mais bon..

oublie le "à 10 px près", car j'avais positionné layout en "relative" puis ajouté "right:10px"

Mais comme j'ai vu que tu avais mis #itemenu en float:left, me suis dit "autant metre les stats du perso en float:right"

Voilà, bon réveillon