Sujets similaires

Dernière édition par Abysse Yclette le Mar 08 Jan 2013, 14:38, édité 1 fois

Bonjour ! Encore moi, avec encore plein de bug à la clé (je dois les collectionner). J'utilise un code depuis longtemps et je viens juste de me rendre compte qu'il a un bug. Ce problème, hélas, ne se voit que sous le navigateur Firefox, sous Chrome tout est affiché nickel. Bref, c'est assez problématique puisque beaucoup de gens utilisent Mozilla comme navigateur.

Alors mon souci se situe dans le tableau des derniers message dans l'affichage des forums. La box a une largeur tout à fait correcte sous Chrome mais elle est complètement écrasée sous Firefox. J'ai essayé de bidouiller comme je le pouvais mais en vain. Je voulais savoir si vous pouviez m'aider.

Alors un screen sous Chrome :
https://2img.net/r/hpimg15/pics/304933bugchro.png

Screen sous Firefox :
https://2img.net/r/hpimg15/pics/760884bugfire.png

Je vous donne également le code complet du template Index_box :

Code:: <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<br> <td class="gensmall" align="center" valign="bottom">



</td>
</tr>

</table>


<div class="sidebar_top">{catrow.tablehead.L_FORUM}</div>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"></th><th nowrap="nowrap" width="150"></th>
</tr>


<tr>
   
   <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <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>


<tr>
   
   <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
   
   <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
      <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
   </td>
   <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}">{catrow.forumrow.FORUM_NAME}</a><br />
         </span>
      </h{catrow.forumrow.LEVEL}>
      <div class ="descri"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
      <span class="gensmall">
         
         {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
         
         <div class="descri_2">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
<br>
      </span>

   </td>

<td class="row3 over" align="center" valign="middle" height="50">
<div class="kael_last_post"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>

<div class="kael_messages_postes"><span class="gensmall">{catrow.forumrow.TOPICS} sujets</span> | <span class="gensmall">{catrow.forumrow.POSTS} messages</span></div>

</td>

   
   <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
   
</tr>


<tr>
   
   <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>


</table><img src="{SPACER}" alt="" height="5" width="1" />

Et le css :

Code:: .kael_last_post /* -- Partie des derniers messages de la box -- */
{ margin-right: 15px;
margin-top: 10px;
background-color:#C5D3E0;
-moz-border-radius: 15px 0px 0px 0px;
-webkit-border-radius: 15px 0px 0px 0px;
-khtml-border-radius: 15px 0px 0px 0px;
-goog-ms-border-radius: 15px 0px 0px 0px;
border-radius: 15px 0px 0px 0px;
border-top:1px solid #E6E9F2;
border-left:1px solid #E6E9F2;
border-right:1px solid #E6E9F2;
border-bottom:1px solid #E6E9F2;

padding:4px;
background-image:url("http://img4.hostingpics.net/pics/787760bgdegradpetit.png");

}

.kael_messages_postes /* -- Partie des messages&sujets postés de la box -- */
{ margin-right: 15px;
-moz-border-radius: 0px 0px 15px 0px;
-webkit-border-radius: 0px 0px 15px 0px;
-khtml-border-radius: 0px 0px 15px 0px;
-goog-ms-border-radius: 0px 0px 15px 0px;
border-radius: 0px 0px 15px 0px;
margin-top: 3px;
background-color:#C5D3E0;
font-size:10px;
padding:4px;
color:white;
border: 1px solid #E6E9F2;
}

En fait j'utilise un vieux tuto d'un vieux forum de codage que j'ai remanié. Je me demande si la source du problème ne vient pas de là. Enfin j'arrive pas à la localiser.

Pour finir, le lien du forum concerné : http://reve-inverness.forumactif.com/

Merci d'avance !

Bonjour,

Une différence de rendu est tout à fait possible d'un navigateur à un autre. FF et chrome ne fonctionnent pas toujours de la même manière. De toute évidence, dans ton cas, Chrome prend en compte que tes balises th de tes tables .forumline ont une largeur définie à 150 comme on peut le voir défini ici. Comme je constate que bien que deux colonnes ont été supprimées dans tes modifications, les valeurs de largeur des deux colonnes restantes sont celles par défaut, j'imagine que tu n'y as donc pas touché.

Code:: <th class="secondarytitle" width="100%" nowrap="nowrap" colspan="2"></th>
<th width="150" nowrap="nowrap"></th>

Dans un tableau comme tu le sais, toutes les cellules d'une même colonne prendront la même largeur. Normalement, donc, chaque cellule prendra la largeur de 150 (comme on peut le voir avec "l'inspecteur" sur chrome).

Or, dans mozilla, cette valeur est écrasée et réduite à 101px sur ma fenêtre. Et la responsabilité de ce fait n'est pas dans ton code css. Il n'y a rien qui définisse une quelconque largeur.

Plutôt que de compter sur la largeur définie dans ton th en html, ce qui n'est pas très conseillé. Tu peux imposer une largeur fixe pour les navigateurs en général en la définissant via css sur ta division de classe .kael_last_post. Le parent de celle ci, c'est à dire, le td, s'adaptera. Par exemple.

Code:: .kael_last_post{
width:150px;
}

Sujet: Re: [Résolu] Box des derniers messages déformée Mer 02 Jan 2013, 16:15

Hello !
Je viens aux nouvelles : ton problème est-il toujours d'actualité ?
Si nous n'avons pas de réponse dans 4 jours, il sera considéré comme résolu !
Merci de ta compréhension [Résolu] Box des derniers messages déformée 926145

[Résolu] Box des derniers messages déformée 926145

Sujet: Re: [Résolu] Box des derniers messages déformée Dim 06 Jan 2013, 07:32

Bonjour !

Toujours pas de nouvelles malgré la relance de Psycho, j'archive le sujet. Smile

Bonne journée, [Résolu] Box des derniers messages déformée 926145

Sujet: Re: [Résolu] Box des derniers messages déformée Lun 07 Jan 2013, 01:53

Bonjour,

Suite à une demande Abysse Yclette et a une absence justifiée, je ré-ouvre le sujet.

Bonne journée, [Résolu] Box des derniers messages déformée 926145

Sujet: Re: [Résolu] Box des derniers messages déformée Mar 08 Jan 2013, 11:50

Merci beaucoup ! J'essayerais de modifier ça ce week end =D

Edit : ca marche, merci encore !

Sujet: Re: [Résolu] Box des derniers messages déformée Mer 09 Jan 2013, 09:29

Hello !
Je vois que le problème est résolu, donc je classe !
Merci de l'avoir signalé [Résolu] Box des derniers messages déformée 926145

[Résolu] Box des derniers messages déformée

[Résolu] Box des derniers messages déformée

Sujets similaires

Sujets similaires

Partenaires Or