Empêcher un logo de bouger durant zoom de la page [Résolu/Fermé]

Signaler
Messages postés
8
Date d'inscription
vendredi 10 janvier 2014
Statut
Membre
Dernière intervention
14 janvier 2014
-
Messages postés
8
Date d'inscription
vendredi 10 janvier 2014
Statut
Membre
Dernière intervention
14 janvier 2014
-
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 :

<div id="facebook">
<a href="https://www.facebook.com/"><IMG src="http://www.digerekiloo.com/images/logo-facebook.png" ></a>
</div>

et dans le css :

#facebook {position: absolute; right: 470px; top: 67px;}

Quelle est la solution?

4 réponses

Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
587
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.
1
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 60511 internautes nous ont dit merci ce mois-ci

Messages postés
8
Date d'inscription
vendredi 10 janvier 2014
Statut
Membre
Dernière intervention
14 janvier 2014

Je peux avoir de l'aide SVP?
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.

(¯'·.¸¸.·'¯'·.¸¸.-> <-.¸¸.·'¯'·.¸¸.·'¯)
Messages postés
8
Date d'inscription
vendredi 10 janvier 2014
Statut
Membre
Dernière intervention
14 janvier 2014

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.