Problème décalage à cause du paramètre position:fixed

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème décalage à cause du paramètre position:fixed

Message par Ancients le Dim 6 Mar 2016 - 22:10

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://nsp-d3.forumofficiel.com/

Description du problème

De manière générale, ma barre de navigation est centrée en haut de mon de forum.
Mon but est qu'elle soit fixe et qu'elle nous suive quand on scroll la page.

J'ai donc ajouté :

Code:
    position:fixed;
dans ma CSS

Code:
#logo img {
    margin-top: -30px;
    margin-left: auto;
    margin-right: auto;
    position:fixed;

Jusque la pas de problème, ma barre de navigation reste fixe et donc nous suit pendant un scroll vers le bas/haut.

Le problème est que celle-ci est décalée vers la droite (voir image du sujet) après l'ajout du paramètre position:fixed

Merci d'avance


Dernière édition par Ancients le Lun 7 Mar 2016 - 8:06, édité 1 fois

Ancients
****

Masculin
Messages : 472
Inscrit(e) le : 27/02/2016

http://nsp-d3.forumofficiel.com/
Ancients a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème décalage à cause du paramètre position:fixed

Message par MlleAlys le Dim 6 Mar 2016 - 22:21

(re)Bonjour,
Appliquez plutôt la position fixe à un élément parent :
retirez la position fixe de l'image,
et ajoutez le code suivant à votre feuille de style :
Code:
.headerbar {
    position: fixed;
    z-index: 100;
}

MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème décalage à cause du paramètre position:fixed

Message par Ancients le Lun 7 Mar 2016 - 8:05

Bonjour, merci beaucoup!

Bonne journée

Ancients
****

Masculin
Messages : 472
Inscrit(e) le : 27/02/2016

http://nsp-d3.forumofficiel.com/
Ancients a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum