Bonjour !
Ça faisait longtemps que je n'étais pas passée par ici (et j'ai lu le poste sur sa fermeture =( mais je vais pas polémiquer là-dessus).
Bref, je suis en plein construction d'un forum avec un amie (ça fait très longtemps que je ne me suis pas impliquée dans du codage du coup j'ai perdu beaucoup de notions).
Je me suis attaqué à quelque chose qui me semblait assez simple ; la barre de navigation du forum. Aucun soucis pour faire ce que je veux en fait, quelques détails par-ci, juste un ajout de div dans mon template, bref rien de compliqué. C'est pas encore abouti mais c'est une base pour travailler dessus plus tard. Je suis donc satisfaite de mon ébauche quand je remarque en changeant de browser que la moitié du CSS appliqué sur ma div n'est pas prise en charge par firefox. Fait étrange puisque ce ne sont que des margin finalement.

Voilà l’aperçu des deux :


Sur Chrome ça colle bien au header, mais sur Firefox y a un décalage que je pensais avoir réglé avec mon CSS que voici :

Code:

.navigation{
text-align: center;
margin-top: -47px;
width: 850px;
height : 22px;
background-color: #B3130A;
}

En espérant que quelqu'un puisse me venir en aide.

Pourrais tu fournir le lien du forum en question s'il te plait (sous la balise hide si tu ne veux pas que les gens le voit) ?

Code:

[hide]Texte caché[/hide]

Il arrive effectivement qu'il y ai des différences avec les margin sur Firefox / Chrome, parfois les typos jouent aussi ^___^. Avoir le lien pour constater directement peut m'aider à mieux comprendre et peut être voir une autre technique

Le voici =3
Merci de prendre ton temps pour tenter de résoudre ce casse tête ><

Je suis sur la toute dernière version bêta de Firefox et je n'ai pas le bug.
Néanmoins, je pense qu'il vient du fait que utilises un margin-top négatif ^___^

En fait tu dois utiliser un margin-top négatif pour remonter la navigation, mais ce n'est pas la bonne solution. Il serait mieux d'enlever dans le HTML ce qui te crée ce décalage, il me semble que dans ton template cela correspond à la description du forum (et peut être d'autres codes) que tu as laissés vide. Tu as aussi des balises "br" qui font des retours à la ligne.

Néanmoins si tu as la flemme, tu peux tricher avec un position absolute qui devrait marcher :

Code:

.navigation{
    position: absolute;
    top: 325px; /* distance par rapport à en haut */
    left: 0; right: 0; margin: auto; /* pour centrer */
    width: 850px;
    height : 22px;
    background-color: #B3130A;
    text-align: center;
}

Je n'avais pas pensé à la description du forum (je ne sais pas tellement où elle se trouve dans le template même), mais j'ai testé ton code et ça marche nickel ♥
Merci \0/
Et sniff si les margin négative font iriser les poils de firefox car je les utilises souvent =/
J'ai beaucoup de mal avec le position absolute, relative, etc, du coup je triche comme je peux xD
Merci encore *w*