Image de catégorie décalée

[Kokca]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Safari
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://otaku-graph.forumactif.org/

Description du problème

Bonjour !
J'ai voulu faire un codage pour les catégories d'un forum avec une image que l'on rentre dans la case prévue au dessus de là où on rentre la description du la catégorie, mais celle-ci se retrouve décalée lorsqu'il s'agit d'un sous forum ou sous autre navigateur que chrome (j'ai pu tester seulement sur firefox et safari mais je suppose que le problème est le même partout).
Voici ci-dessous toutes les captures que j'ai ainsi que le CSS et la template correspondant (les images de catégorie font 400*150px).
Merci d'avance pour votre aide ! (:

Sous chrome:

sous firefox ou safari:

CSS

Code:

/***********Catégories*****************/
.btitrecate { /*boite titre catégorie*/
  margin:auto;
  background-color: rgb(192,161,99);
}

.titrecat{ /*alignement titre catégorie*/
  text-align:center;
}

.titrecat h2{ /*apparence titre catégorie*/
  margin:0;
  text-transform:none;
  letter-spacing:0px;
  font-family: Fredericka The Great ;
  font-size: 30px ;
  text-shadow: 1px 1px 8px rgb(256,256,256) ;
  font-weight: bold ;
  color: #000000;
}

.cateboite{ /*boite totale*/
  background-color: #BBBBBB;
  width: 100%;
  height: 150px;
}

.catedroite{ /*boite de droite*/
  float: right;
  width: 450px;
  text-align: center;
}

.imgcate{
  float: right;
  position: absolute;
  margin-left: 149px;
}

.titreforum{ /*nom du forum*/
  font-size: 20px ;
  color: rgb(0,0,0)!important ;
  margin-top: 5px;
}

.nmbrsujetsmessages{ /*apparence nombre de sujets et messages*/
  font-size: 11px ;
  color: rgb(0,0,0)!important ;
}

.lastp{ /*apparence dernier message*/
  font-size: 11px ;
  color: rgb(0,0,0)!important ;
}

.desccate{ /*description*/
  height: 88px;
  width: 447px;
  overflow:auto;
  font-size: 12px ;
  color: rgb(0,0,0)!important ;
  text-align: justify;
  padding-right: 3px;
  margin-top: 5px;
}

.desccate img{ /*image forum*/
  float: left;
  margin-top: -62px;
  margin-left: -400px;
  position:absolute;
}

.sousfow{ /*boite sous forum*/
  width: 100%;
  background-color: rgb(192,161,99);
  text-align: right;
  border-bottom: 2px solid #FFFFFF;
  padding-right: 3px;
}

.sousfownom{ /*sous forum*/
  text-align: right;
  margin-right: 3px;
}

.bascat{
  border-bottom: 2px solid #FFFFFF;
}

template 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>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table width="100%" border="0" cellspacing="0" cellpadding="0">
   
<tr>
 
  <div class="btitrecate" width="100%">
            <div class="titrecat">
              {catrow.tablehead.L_FORUM}
            </div>
  </div>
   </tr>

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

  <!-- END cathead -->
   <!-- BEGIN forumrow -->
<tr class="cateboite"><td class="catedroite">
  <img class="imgcate" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
  <div class="titreforum"><a class="titreforum" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div>
 
  <span class="nmbrsujetsmessages">{catrow.forumrow.TOPICS} sujets x {catrow.forumrow.POSTS} messages</span>
 
  <div class="lastp">{catrow.forumrow.LAST_POST}</div>

  <div class="desccate">{catrow.forumrow.FORUM_DESC}</div>
  </td></tr>

<tr class="sousfow"><td>
  <div class="sousfownom">&nbsp;
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </div>
  <div class="bascat"></div>
  </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" /><!-- END tablefoot --><!-- END catrow -->
<script type="text/javascript">$('.lastp').each(function(){$(this).html($(this).html().replace(/<br>/g,'<span>&nbsp;•&nbsp;</span>'));});</script>

[Kokca]

up

[Kokca]

EDIT : En fait c'est bon j'ai trouvé le soucis ! Lorsqu'un forum ou sous forum n'avait aucun message de posté dedans ça décalait tout