Empêcher un logo de bouger durant zoom de la page
Résolu
bobisolo
Messages postés
8
Date d'inscription
Statut
Membre
Dernière intervention
-
bobisolo Messages postés 8 Date d'inscription Statut Membre Dernière intervention -
bobisolo Messages postés 8 Date d'inscription Statut Membre Dernière intervention -
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?
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?
A voir également:
- Empêcher un logo de bouger durant zoom de la page
- Impossible de supprimer une page word - Guide
- Logo .net - Télécharger - Études & Formations
- Comment imprimer un tableau excel sur une seule page - Guide
- Numéro de page word - Guide
- Logo jeu - Télécharger - Jeux vidéo
4 réponses
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.
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.
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.
(¯'·.¸¸.·'¯'·.¸¸.-> <-.¸¸.·'¯'·.¸¸.·'¯)
(¯'·.¸¸.·'¯'·.¸¸.-> <-.¸¸.·'¯'·.¸¸.·'¯)
