Problème de bordures, forum coupé

[Mathildenst]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome, Internet Explorer
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : J'avais modifié le css il me semble et depuis impossible de retrouver la cause du problème, c'était fin novembre environ.
Lien du forum : http://school-graph.forumactif.org/

Description du problème

Bonjour.
J'ai donc un soucis depuis quelques semaines sur mon forum suite à une modification (je crois fortement que c'est dû au CSS ou au template que j'avais modifié pour mettre le thème à jour pour décembre).
Donc le soucis, vous avez sûrement remarqué sur la capture il y a à gauche une bordure épaisse (on a un code css pour faire ces bordures il me semble mais je serais incapable de les retrouver dans mon css assez long on va dire ^^ Et une bordure fine à droite, qui est normale. En haut du forum on a des 2 côtés une bordure correcte mais plus on descend et plus celle de gauche s'épaissit sans savoir pourquoi !
De plus, le bas du forum est tout coupé et est beaucoup moins large que d'habitude, le forum ayant une largeur assez grande ce n'est pas normale que les catégories et forums de l'index soient aussi restraints  en largeur !

Je peux vous envoyer mes templates et css si besoin, n'hésitez pas à me dire ce qu'il vous faudrait car je ne sais absolument pas quelle est la base du problème
Pour mieux comprendre faites un tour sur le forum également, c'est plus visible directement !

Merci à vous et bonne soirée, bonnes fêtes à vous.

[Invité]

Bonsoir Mathilde, si cela vient d'un code css il y sera indiqué un "border" left, right et le "px"...Je n'ai pas la même version de forum, les codes diffèrent le votre devrait commencer par un " bodyline". Sans certitude Cordialement

[Mathildenst]

Bonsoir misslena,
J'ai ceci dans mon css

Je ne vois pas vraiment où ça peut causer problème

Je viens de retrouver le code qui cause celà je pense mais je ne sais pas vraiment quoi modifier.

[Invité]

Dans ces cas là on teste et on efface...."Cap" ou pas "cap?" Plus sérieusement, je ne préfère pas être dans l'affirmation, comme je vous l'ai précisé j'ai une version différente. Mais le code y ressemble. La meilleure façon de savoir si c'est le code en cause de la déformation c'est de le sauvegarder puis de l'effacer. Visualiser le résultat sur le forum et le remettre si ce n'est pas celui qui l'occasionne. Si vous testez, n'oubliez pas de rafraîchir la page ctrl+5 devrait convenir.

[Mathildenst]

Toujours le même soucis même sans ce code. Je ne vois vraiment pas d'où cela vient. Petit up

[MlleAlys]

Bonjour,
Cela a plutôt l'air d'être un problème de template : vous n'avez pas fermé votre catégorie, et la suivante se retrouve donc à l'intérieur de la précédente, ajoutant sa bordure à la sienne.

[Mathildenst]

Bonsoir,
cela concernerait donc le template index_box ? Le voici, si vous pourriez me dire quoi rajouter/le problème ça ne serait pas de refus :/

Spoiler:

[MlleAlys]

Il manque un </div> à la fin pour fermer la catégorie avant de commencer la suivante :

Code:

<link href='http://fonts.googleapis.com/css?family=Lobster|Shadows+Into+Light|Indie+Flower|Nunito' rel='stylesheet' type='text/css' />
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall">{LAST_VISIT_DATE}<br />
        {CURRENT_TIME}<br />
        </span>
        <!-- END switch_user_logged_in -->
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>

<!-- BEGIN catrow -->

<!-- BEGIN tablehead -->
<div class="categorie">

  <div class="cate_title">
    {catrow.tablehead.L_FORUM}
  </div>
  <!-- END tablehead -->

  <!-- BEGIN cathead -->
  <!-- END cathead -->

  <!-- BEGIN forumrow -->
  <div class="forum_bloc">

    <div class="forum_title">
      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">
        {catrow.forumrow.FORUM_NAME}
      </a>
    </div>

    <div class="forum_old_new_lock_img">
      <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
    </div>

    <div class="forum_desc">
      {catrow.forumrow.FORUM_DESC}
    </div>

    <div class="forum_lastmess_stats">
      <div class="forum_stats">
        {catrow.forumrow.TOPICS} sujets ; {catrow.forumrow.POSTS} messages
      </div>
      <div class="forum_lastmess">
        {catrow.forumrow.LAST_POST}
      </div>
    </div>

    <div style="clear: both;">
    </div>

    <div class="forum_sous_forums">
      {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
    </div>

  </div>
  <!-- END forumrow -->

  <!-- BEGIN catfoot -->
  <!-- END catfoot -->

  <!-- BEGIN tablefoot -->
</div>
<!-- END tablefoot -->

<!-- END catrow -->

[Mathildenst]

Merci beaucoup pour le code  Problème résolu, merci à vous tous