Header qui passe sur la barre de navigation

[Tatsuki]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://matryoshka.forumactif.org/

Description du problème

Bonjour à tous,

J'essaye actuellement de mettre la barre de navigation au dessus du header, jusque là, aucun soucis, tout marche correctement, j'ai l'habitude de le faire.

Mais cette fois, je n'arrive pas à régler un petit soucis. J'ai des bases en codage mais vu que je m'y remet à peine, j'ai des trous de mémoires.

Mon problème est donc le suivant : mon header et les titres des catégories passent par dessus la barre de navigation.

J'aimerais garder la barre de navigation avec la balise "fixed" si possible. Voici le css de la barre :

Code:

/********NAVIGATION EN HAUT********/


.navig {
position: fixed;
background-color: #CC3D3D;
border-bottom: 2px solid #00283F;
width:100%;
}


a.mainmenu {
margin: 10px;
font-family: arial;
color: green;
font-size: 20px;
font-variant: small-caps;
    font-weight:bold;
  text-shadow: #FBF5E9 1px 1px 0px;}

Merci d'avance, bonnes fêtes à tous.

[demeter1]

c'est justement la position fixed de a.navig qui est responsable de ce soucis.

Si vous modifiez comme ceci, cela résout le pb

Code:

.navig {
background-color: #CC3D3D;
border-bottom: 2px solid #00283F;
width:100%;
}

[Tatsuki]

Bonjour,

merci beaucoup, mais le soucis est que je dois rendre ce code pour un forum et qu'il m'a été demandé une barre de navigation fixe.

N'y a t-il aucun moyen d'arranger cela en gardant la position fixed ?

[demeter1]

Vous avez utilisé l'astuce pour mettre la barre de navigation en haut du forum donc logiquement ill faut quelle suive le corps du forum lors du scroll. Vouliez vous faire autre chose?

[Tatsuki]

Il s'agit de la seule modification qui m'a été demandé sur la barre de navigation, je me souviens que j’utilisai les barres de navigation fixes sur d'anciens forums donc ça doit toujours être réalisable, non ?

Es-ce simplement le css en lui même qui n'est pas bon ? Ou simplement n'est-ce plus possible ?

[demeter1]

Vous ne répondez pas à ma question donc techniquement, il m'est difficile de vous répondre.

[Tatsuki]

Oh pardon, excusez moi. J'ai mal compris votre question.
Je ne comprends pas trop ce que vous voulez dire par "autre chose".

Dans tous les cas, merci pour votre aide qui m'est précieuse.

[demeter1]

par autre chose, j'entends : est-ce que la barre de navigation doit être toujours présente lors du scroll? Pour faire bref, le corps du forum doit-il coulisser en dessous de la barre de navigation ??

[Tatsuki]

Effectivement, je n'avais absolument pas compris cela dans ce sens, excusez-moi.

Oui exactement, si c'est possible bien évidemment.

[demeter1]

Alors, vous conservez la position fixed sur a.navig et vous rajoutez :

Code:

z-index: 2002;

cela va faire passer la barre de navigation au dessus du corps du forum et, ce dernier coulissera sous celle-ci.

[Tatsuki]

Génial, merci infiniment pour votre aide.

C'est donc résolu, merci encore, bonnes fêtes.

[demeter1]

De rien. Bonne fêtes à vous également.