Bonjour !

Et voilà, j'ai encore des problèmes avec mes barres de navigation. V.v'
Celui-là est autrement plus compliqué, j'en ai peur. =/

J'ai modifié les templates et le css de mon forum de test qui est en PunBB (et non phpBB2, ce qui contribue peut-être au problème) pour positionner ma barre de navigation là où je le souhaitais. Quand je regarde le forum sur Google Chrome et sur Safari, tout s'affiche correctement, tout va pour le mieux dans le meilleur des mondes. Mais lorsque je passe à Firefox... Horreur ! Mon forum est sens dessus dessous. Un vrai carnage.

Voici ma modification :

Dans le template overall_header_new, j'ai mis {GENERATED_NAV_BAR} entre les balises :

Code:

<div class="barre_de_navigation"> et </div>

Ce qui donne dans le code :

Code:

               <div id="pun-head">
                  <div id="pun-navlinks">
                     <ul class="clearfix">
                        <li><div class="barre_de_navigation">{GENERATED_NAV_BAR}</div></li>
                     </ul>
                  </div>
               </div>

(Si vous voulez une plus grande partie du code ou le code en entier, dites-le moi.)

Et dans mon CSS, voilà ce que j'ai mis :

Code:

.barre_de_navigation {
    position: absolute;
    top: 270px;
    left: 0px;
    width: 100%;
    text-align: center;
}

Pour info, j'ai fait une autre modification dans mon template pour superposer une bannière de fond à mon fond d'origine. Je ne sais pas si ça change grand chose... Avant de modifier la barre de navigation, tout allait bien...

Maintenant, pour vous donner une idée du massacre, un screenshot du forum sous Chrome et un autre sous Firefox.

• https://2img.net/h/oi47.tinypic.com/2d98pjt.jpg
  
• https://2img.net/h/oi49.tinypic.com/2uf6rmh.jpg

Et si vous voulez constater par vous-même, voici l'adresse de mon forum de test : http://snailscorp.forumactif.com/index.htm
(On ne sait jamais, vous avez peut-être un résultat différent... Quoi ? On a le droit de rêver... ;__; )

Bon, il semble que j'ai réussi à résoudre mon problème toute seule. x) Désolée du dérangement.

Pour ceux que ça intéresserait, il a suffi de déplacer les balises :

Code:

<div class="barre_de_navigation"> et </div>

Au lieu de mettre seulement {GENERATED_NAV_BAR} entre les deux balises, j'ai mis :

Code:

<li>{GENERATED_NAV_BAR}</li>

Ce qui donne :

Code:

<div id="pun-head">
                  <div id="pun-navlinks">
                     <ul class="clearfix">
                        <div class="barre_de_navigation"><li>{GENERATED_NAV_BAR}</li></div>
                     </ul>
                  </div>
               </div>

Très bien, je classe donc =)