Empêcher un logo de bouger durant zoom de la pageRésolu/Fermé

Question

Bon matin tout le monde, Je voudrais savoir comment devrais m'y prendre pour que le logo facebook que j'ai mis dans mon header ne bouge pas lorsque je réduit la fenêtre de mon navigateur ou lorsque je zoom la page. Dans le html j'ai mis le logo dans une div :

et dans le css : #facebook {position: absolute; right: 470px; top: 67px;} Quelle est la solution?

animostab · Accepted Answer

Bonjour

Plus précisément ce n'est pas absolute qui pose probleme ben que lobotoFix ait aussi raison :

quand on réduit une fenetre  elle se réduit par la droite et comme ta div est positionnée avec un right:470px; ta div avec son logo va bouger vers la gauche pour être toujours a 470px du bord droit de la fenetre. Si tu réduit la fenetre à une largeur de 300px par exemple je suis sur que ton logo doit disparaitre
donc ne positionne pas avec right mais avec left et ca ne bougera plus
 
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.

bobisolo · Answer

Je peux avoir de l'aide SVP?

Utilisateur anonyme · Answer

salut, c'est ta position absolute le problème. Moi personnellement j'utilise position absolute le plus souvent à l'intérieur d'un bloc mis en relative. De cette manière, ton image ne sera plus fixer au coin supérieur droit de l'écran mais de celui du bloc fixé en relative.
 
(¯'·.¸¸.·'¯'·.¸¸.-> <-.¸¸.·'¯'·.¸¸.·'¯)

bobisolo · Answer

Bonjour,
C'était donc aussi simple que ça!!! Effectivement j'ai juste eu à changer right en left et définir une nouvelle position pour que ça marche.
Merci beaucoup l'ami.

Empêcher un logo de bouger durant zoom de la page

4 réponses

Discussions similaires

Newsletters