Petit soucis avec un code

Bonjour,

J'ai installé le code suivant ( de Halloween ) sur un de mes forums https://www.never-utopia.com/t45941-mise-en-forme-simple-des-forum-en-quatre-colonnes, sauf que sur mozilla les sousforums sortents des cadres... est-ce normal ?

Merci de l'aide que vous pourrez m'apporter

Coucou lΔω :)

Est ce que tu peux nous mettre le lien de ton forum s'il te plait ?
N'hésite pas à rajouter le code du template index-box et le CSS :)

Alors voila liens http://redemptionsprison.forumactif.com/

index-box

Code:

<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>
<div id="conteneur_ongletsvo"><table><tr><td class="ongletvo"><div><div><img src="http://zupimages.net/up/15/40/p0ti.png" /></div></td></div></td><td class="ongletvo"><div><img src="http://zupimages.net/up/15/40/60zh.png" /></div></td></div></td><td class="ongletvo"><div><img src="http://zupimages.net/up/15/40/ycyn.png" /></div></td></div></td><td class="ongletvo"><div><img src="http://zupimages.net/up/15/40/hyok.png" /></div></td></div></td><td class="ongletvo"><div><img src="http://zupimages.net/up/15/40/5i90.png" /></div></td></div></td></tr></table></div><div id="conteneur_categoriesvo"><!-- BEGIN catrow --><!-- BEGIN tablehead --><div class="categorievo"><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
  </tr>
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
        <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
              <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
        </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
  </tr>
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
    
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
                                  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><div class="titreforum">{catrow.forumrow.FORUM_NAME}</div></a><br />
            </span>
        </h{catrow.forumrow.LEVEL}>
                  <center><div class="ensemble"><table><tbody><tr><td><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" style="margin-left: -50px; -moz-transform:rotate(-20deg);
                    -webkit-transform:rotate(-20deg); transform:rotate(-20deg);"/></td><td><span class="genmed"><div class="description">{catrow.forumrow.FORUM_DESC}</div></span>
                    <br />  <div class="messages"><span class="gensmall" style="color: #000000 !important; font-size: 12px;">{catrow.forumrow.POSTS}</span> messages dans <span class="gensmall" style="color: #000000 !important; font-size: 12px;">{catrow.forumrow.TOPICS}</span> sujets.</div></td>
      
                    <td><div class="liens">{catrow.forumrow.L_LINKS}<br />{catrow.forumrow.LINKS} </div></td> <td><span class="gensmall"><div class="derniers"><br />{catrow.forumrow.LAST_POST}</div></span></td></tr></tbody></table>
                    </div></center>
      </td>
  </tr>
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
  </tr>
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /></div><!-- END tablefoot --><!-- END catrow --></div>

CSS

Code:

/* CATEGORIES */
a {
  text-decoration: none;
  color: #ffffff;
  font-size: 12px;}

.titreforum {
  color: #ffffff;
  font-size: 26px;
  font-family: War is Over Regular;
  text-align: center;
}

.ensemble {
  background-color: #;
  margin-top: -20px;
  font-size: 12px;
  padding: 10px;
  color: #ffffff;
  width: 750px;
}

.description {
  background-image: url(http://img4.hostingpics.net/pics/412451forumlinefond.jpg);
  text-align: justify;
  
  width: 495px;
  height: 100px;
  padding: 10px;
  font-size: 12px;
  color: #4A4A4A;
  border-bottom: 4px solid #1A1A1A;
    border-top: 4px solid #1A1A1A;
    border-left: 4px solid #1A1A1A;
    border-right: 4px solid #1A1A1A;
}

.messages {
  background-image: url(http://img4.hostingpics.net/pics/412451forumlinefond.jpg);
  font-size: 12px;
  text-align: center;
  color: #4A4A4A !important;
  padding: 10px;
  border-bottom: 4px solid #1A1A1A;
    border-top: 4px solid #1A1A1A;
    border-left: 4px solid #1A1A1A;
    border-right: 4px solid #1A1A1A;
}

.liens {
  background-image: url(http://img4.hostingpics.net/pics/412451forumlinefond.jpg);
  font-size: 12px;
  text-align:left;
  color: #4A4A4A !important;
  padding: 10px;
  height: 100px;
  width: 90px;
  margin-top: -58px;
  border-bottom: 4px solid #1A1A1A;
  border-top: 4px solid #1A1A1A;
  border-left: 4px solid #1A1A1A;
  border-right: 4px solid #1A1A1A;
}

.derniers {
  width:100px;
  height:100px;
  border-radius:80px;
  -webkit-border-radius:80px;
  -moz-border-radius:80px;
  background-image: url(http://img4.hostingpics.net/pics/412451forumlinefond.jpg);
  font-size: 12px;
  text-align: center;
  color: #4A4A4A !important;
  margin-top: -40px;
  padding: 10px;
  margin-right: -70px;
  border-bottom: 4px solid #1A1A1A;
    border-top: 4px solid #1A1A1A;
    border-left: 4px solid #1A1A1A;
    border-right: 4px solid #1A1A1A;
}

Est ce que tu pourrais ajouter une capture d'écran du problème s'il te plait o: ?

Par ce que du coup sur Firefox moi je vois ça, les sous forums m'ont l'air bien °-° :

Ici par exemple ^^

Aw d'accord ♥, excuse moi j'avais mal compris >o<. Je ne sais pas pourquoi, je pensais que c'était une différence de rendu entre Firefox et les autres navigateurs

Dans le CSS de .liens on va ajouter une barre de scroll grâce à ce code :

Code:

overflow: auto;

Comme ça, si le contenu est trop long c'est bon :)

Merci beaucoup de ton aide :)

Hello! ^^
Est-ce que ton problème est réglé? ^^ N'oublie pas de mettre l'icone terminée dans ce cas! ^^

Pas de nouvelles, j'archive!