Bonsoir,

Avant de venir poser ma question, j'ai fais une recherche avancée parmi les questions et sujets proposés mais je n'ai pas trouvé mon bonheur. J'ai testé certaines solutions données, sans succès. ^^'



Je rencontre un problème d'affichage de mes titres de "Catégories" selon que je regarde sur Chrome, IE ou Firefox.

Sous Chrome : Tout est normal

Spoiler:

Sous Firefox : Les Titres des Catégories se retrouvent en haut du Header

Spoiler:

Sous IE : Les Titres sont à la bonne place mais un décalage à gauche les fait sortir hors du cadre.

Spoiler:

Je pensais que le problème pouvait être lié à mon CSS :

1. J'ai d'abord tenter "absolute" au lieu de relative dans le .secondarytitle : Cela n'a rien donné sur Firefox et ça m'a donné le même résultat sur Chrome que sur Firefox.
2. J'ai ensuite supprimé le .secondarytitle en entier mais pour le même résultat que ci-dessus.
3. J'ai tenté de modifier la largeur de mon forum dans "Configuration" mais là encore, j'ai fais chou blanc.
4. J'ai aussi tenté le CTRL + F5 pour vider le cache, sans résultat.



Pour la version du forum : phpBB2
Les Catégories sont séparées sur l'index : Niveau moyen
Pour la version de Google Chrome : Version 26.0.1410.64 m
Pour la version de Firefox : Mozilla Public License 2.0
Pour la version de IE : 9.0.8112
Je suis fondatrice du forum en question.
J'ai modifié INDEX_BOX pour changer de place les cellules de Derniers Messages, Sujets et Nombres de sujets.
J'ai modifié VIEWTOPIC_BODY en suivant le tutoriel pour afficher une info bulle au survol de l'avatar.
A part ça, le reste est intact.

Si vous pouviez m'aider à comprendre d'où vient mon problème afin que je le solutionne, je vous serais très reconnaissante.
Je reste à votre disposition pour tout renseignement complémentaire.

D'avance, un tout grand merci.

Nocturne

Bonjour,

Tout ceci est normal : un positionnement absolu se fait par rapport à un point de repère. Sous firefox, ce point de repère est toujours la fenêtre du navigateur, sauf si on en désigne un via le positionnement relatif. Dans notre cas, .secondarytitle est appliqué à une cellule de tableau, et le positionnement relatif ne fonctionne logiquement pas (parce qu'on ne peut pas positionner les cellules d'un tableau !)

Du coup, il te faudrait encadrer tes titres de catégories dans ton template avec un div et une classe adéquate (genre .titreCategories pour faire original) et au minimum lui attribuer un positionnement relatif. Cela devrait régler l'essentiel du souci

Bonjour,

Merci beaucoup de vous être penché sur le problème. Je vais de ce pas tenter de modifier le template et je reviens vers vous pour des nouvelles fraîches

EDIT : J'ai essayé mais j'avoue que je coince

Je dois bien placer le div dans INDEX_BOX au niveau de :

Code:

<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      [b]<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>[/b]
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>

Et pour le .titreCategories } : c'est bien dans la feuille de style ?

En mode "astuce", j'ai tenté de changer position: relative par position: left.
J'ai obtenu le retour des cases sur la bonne ligne, entendez sur celle des titres de catégories, mais avec un décalage vers la droite et une modification des cadres du forum inesthétique.

Merci pour votre patience

Je vois du BBCode dans ton HTML, c'est déjà un problème O_o

Le div doit être placé autour de la variable de template {catrow.tablehead.L_FORUM}.

Pour le reste, oui, on passe par la feuille de style pour définir un style CSS ^^'

Citation :

En mode "astuce", j'ai tenté de changer position: relative par position: left.

La valeur "left" n'existe pas pour la propriété position. Si tu tiens à bricoler, fais le en te reposant sur la documentation officielle plutôt qu'au hasard, y'aura plus de chances pour que ça marche ^^'

Bonjour,

Merci pour votre réponse. =)
Pour le BBCode, je ne sais pas d'où il venait mais il n'y était plus ^^'

J'ai essayé :

Pour le HTML, j'ai introduis :

Spoiler:

Pour le CSS :

Spoiler:

Du coup, c'est redescendu sur Firefox et IE sur la barre des titres de catégories mais j'ai à présent un décalage sur la droite sur Chrome également. Il disparaît si je remets position: absolute dans .secondarytitle h2.

Je présume que ce n'est pas correct comme je l'ai fait

Pour la valeur, non, je ne veux pas bricoler mais je me demandais si ça ferait quelque chose


Edit : J'ai réussi

Code:

<!-- BEGIN catrow --><!-- BEGIN tablehead -->
              <center><div class="secondarytitle">{catrow.tablehead.L_FORUM}
          </div><table class="catcadre" width="730" border="0" cellspacing="0" cellpadding="0">
          <!-- END tablehead -->

Sur IE, les cadres des titres ne sont plus présents mais sur Firefox et Chrome, le résultat est enfin identique ^^

Merci pour votre aide

Hello,

Merci d'avoir prévenu, j'archive !