Bug d'affichage sous Mozilla

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Bug d'affichage sous Mozilla

Message par Loü le Lun 22 Avr 2013 - 9:38

Bonjour Very Happy

Je viens vous demander votre aide pour un problème majeur qui m'embrouille la cervelle depuis deux jours... J'ai beau traficoter dans tous les sens, je n'arrive à rien. Plutôt que de désespérer, je m'en remets donc à vous...

Je suis en pleine construction de mon forum et jusqu'à présent tout allait pour le mieux dans le meilleur des mondes. Seulement voila je me suis rendu compte que le forum ne s'affichait pas de la même manière sur Mozilla et sur Chrome. Quand j'utilise Chrome tout est parfait comme je le souhaite... Mais dès que je passe à Mozilla ça se gâte et l'apparence du forum est totalement modifiée. (Je précise que j'utilise la version PhpBB2). Le lien de mon forum pour illustrer le problème : http://au-temps-des-lys.forumactif.org/

Voici ma fiche CSS :

Spoiler:
Code:
a.mainmenu
{background-color:#46F32;
border-right: 2px solid #CCC4CC;
border-left: 3px solid #CCC4CC;
border-left: 2px solid #CCC4CC;
text-color:#463F32;text-transform:lowercase;
padding-top:1px;padding-bottom:1px;}

a.mainmenu:hover
{text-decoration:none;
color :#463F32;
border-left: 2px solid #CCC4CC}

.mainmenu img
{
display : none !important;
}
a:hover
{
text-decoration: none !important;
}

 
.arthur {
  height: 140px;
  border: 3px solid #7766F64;
 
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    text-align:justify;
  line-height: 12px;
  background-color: #eeeeee

}
.titre2 { text-transform: lowercase;
  letter-spacing: -3px;
  font-family: times new roman;
  font-style: italic;
  text-align: center;
  font-size: 50px;
  color: #78667D;
 }

a:hover
{
text-decoration: none !important;
}

.bodyline {
    background-image: url("http://medias-casadeco.e-systemes.fr/LNA/produits/15980119_1362066002_1110.jpg");
}
.bodyline {

  filter:alpha(opacity=70);
 
  opacity:0.7;
}
.forumline{
    -webkit-border-radius:-10px;
    -moz-border-radius: 10px ;
    border-radius:-10px;
    border: 3px #CCC4CC dotted;
}
.postbody {
    text-align: justify !important;
}
.code {
    border: 1px beige dotted;
}
              .forumline {padding:10px;
        background:#ffffff;
        border:2px dotted #eeeeee;
        border-radius:10px;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;}
u {
color : #111111;
border-bottom: 1px dotted;
text-decoration: none}

a {
text-decoration: none;
text-transform: lowercase ;
letter-spacing: 1px;}

a:hover {
Font-weight: bold;
text-decoration: none !important;}

a.topictitle:link
{text-decoration: none;
color: #303030;}

a.topictitle:visited
{text-decoration: none;
color: #303030;}

a.topictitle:hover{
text-decoration: none !important;
border-bottom: 1px #303030 dotted;
color: #CCC4CC;}

a.forumlink {
color: #463F32;
font-family: 'Croissant one';
font-size: 15px;
font-style: italic;
}

@font-face {
  font-family: 'Codystar';
  font-style: normal;
  font-weight: 400;
  src: local('Codystar'), url(http://themes.googleusercontent.com/static/fonts/codystar/v1/BraFEMRumMsVbWgqTQIWRHYhjbSpvc47ee6xR_80Hnw.woff) format('woff');
}
@font-face {
  font-family: 'Cinzel Decorative';
  font-style: normal;
  font-weight: 400;
  src: local('CinzelDecorative-Regular'), url(http://themes.googleusercontent.com/static/fonts/cinzeldecorative/v1/fmgK7oaJJIXAkhd9798yQoem3WQP60SwtMX1R01QT0U.woff) format('woff');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  src: local('Playfair Display Italic'), local('PlayfairDisplay-Italic'), url(http://themes.googleusercontent.com/static/fonts/playfairdisplay/v7/9MkijrV-dEJ0-_NWV7E6N9QroGjXLbbdFByKqKsSrKI.woff) format('woff');
}
@font-face {
  font-family: 'Croissant One';
  font-style: normal;
  font-weight: 400;
  src: local('Croissant One'), local('CroissantOne-Regular'), url(http://themes.googleusercontent.com/static/fonts/croissantone/v1/mPjsOObnC77fp1cvZlOfIYkaQb-UsZVONjobs91YQtw.woff) format('woff');
}

.description {
    background-image: url("http://medias-casadeco.e-systemes.fr/LNA/produits/15980119_1362066002_1110.jpg");
  text-align: justify;
  line-height:14px;
  padding:8px;
  border-right:3px solid #eeeeee;
  border-left:3px solid #eeeeee;
  border-radius:20px 0px 20px 0px;
  border-bottom:3px solid #eeeeee;
  border-top:3px solid #eeeeee;
  margin-left: 10px;
  margin-right: 10px;
}
.description:hover {
    background-image: url("http://medias-casadeco.e-systemes.fr/LNA/produits/15980119_1362066002_1110.jpg");
  text-align: justify;
  line-height:14px;
  padding:8px;
  border-right:3px solid #ffffff;
  border-left:3px solid #ffffff;
  border-radius:0px 20px 0px 20px;
  border-bottom:3px solid #ffffff;
  border-top:3px solid #Ffffff;
  margin-left: 10px;
  margin-right: 10px;
}
.cadre1 {
background-image: url("http://medias-casadeco.e-systemes.fr/LNA/produits/15980119_1362066002_1110.jpg");
border-radius:20px 0px 0px 0px;
border:3px solid #eeeeee;
font-size: 10px;
}
.cadre1:hover {
background-image: url("http://medias-casadeco.e-systemes.fr/LNA/produits/15980119_1362066002_1110.jpg");
border-radius:0px 20px 0px 20px;
border:3px solid #ffffff;
font-size: 10px;
}
.cadre2 {
background-image: url("http://medias-casadeco.e-systemes.fr/LNA/produits/15980119_1362066002_1110.jpg");
border-radius:0px 0px 20px 0px;
border:3px solid #eeeeee;
font-size: 10px;
}
.cadre2:hover {
background-image: url("http://medias-casadeco.e-systemes.fr/LNA/produits/15980119_1362066002_1110.jpg");
border-radius:0px 20px 0px 20px
border:3px solid #ffffff;
font-size: 10px;
}

.titrecat {
text-align: center;
font-size: 50px;
font-family:"Croissant One";
text-shadow: 0px 0px 2px rgb(250, 241, 205);
padding-top: -15px;
padding-bottom: 15px;
display: block;
width: 80%;
border-top: 3px solid #ffffff;
border-right: 3px solid #ffffff;
border-left: 3px solid #ffffff;
background-color: #eeeeee;
border-radius:60% 20% 0% 0%;
margin-top: 12px;
height: 30px;
font-weight: bolder;}

.sousfofo span {background: #ffffff;
padding: 3px 7px 3px 7px;
text-align: center;
border-right: solid 2px #eeeeee;
border-left: solid 2px #eeeeee;
Font-weight: italic;
}
a.forumlink {border-bottom: 3px solid #eeeeee;
padding-top: 3px;
display: block;
}

.tableauqueel{
background-color : #CCC4CC ;
border : dotted 2px #eeeeee ;
border-radius : 20px 0px 20px 0px}

.partiedroite {
font-size : 11px ;
border-left : 2px dotted #eeeeee ;
padding-left : 10px }


.groupes{
border: 2px solid color #ffffff;
height:40px;
padding-right:12px;
padding-left:14px;
padding-bottom:3px;
font-size:11px;
font-weight: bold;
font-family: "croissant one" 
text-align:center;
font-color : #463F32;
text-decoration: italic !important;
}
.bodyline{background:none;border:none;}

Et mon templates indexbox modifié :

Spoiler:
Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><center><div class="titrecat">{catrow.tablehead.L_FORUM}</div></center><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">

<!-- 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="{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">
                 <table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
                    <span class="forumlink">
                      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
       
                    </span>
                </h{catrow.forumrow.LEVEL}></td></tr></tbody></table>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
          </td>
          <td class="row3 over" align="center" valign="middle" height="50" style="min-width:100px;">
                  <div class="cadre1"><br/>{catrow.forumrow.POSTS} pamphlet(s) <br/>♔ <br/>{catrow.forumrow.TOPICS} ouvrage(s).
                    <br/><br/></div><div class="cadre2"><br/><span class="gensmall">{catrow.forumrow.LAST_POST}</span><br/><br/></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 -->

Merci mille fois à ceux qui pourront m'aiguiller...


Dernière édition par Loü le Mar 23 Avr 2013 - 6:05, édité 1 fois

Loü
***

Messages : 136
Inscrit(e) le : 28/01/2010

Loü a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug d'affichage sous Mozilla

Message par Naruhiko le Lun 22 Avr 2013 - 20:13

Bonsoir,

Pouvons-nous avoir un screen que vous faites quand vous êtes sur Google Chrome et l'autre quand vous êtes sur Mozilla s'il vous plaît ?

Cordialement.

Naruhiko
***

Masculin
Messages : 196
Inscrit(e) le : 21/06/2012

http://naruto-the-destiny.forumactif.com
Naruhiko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug d'affichage sous Mozilla

Message par Ayael le Lun 22 Avr 2013 - 20:15

Personnellement je vois exactement la même chose, peut être que ta version de firefox est trop ancienne ?

Ayael
*****

Féminin
Messages : 648
Inscrit(e) le : 21/04/2011

http://terramystica.forums-rpg.com/
Ayael a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug d'affichage sous Mozilla

Message par Arlem le Lun 22 Avr 2013 - 20:43


Arlem
+ Hyperactif +

Messages : 2550
Inscrit(e) le : 30/06/2009

Arlem a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug d'affichage sous Mozilla

Message par Loü le Mar 23 Avr 2013 - 6:04

Merci pour vos réponses ! Je suis désolée j'avais oublié de préciser que j'ai résolu le problème toute seule. Merci encore Very Happy

Loü
***

Messages : 136
Inscrit(e) le : 28/01/2010

Loü a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum