Bug d'affichage sous Mozilla
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Bug d'affichage sous Mozilla
Bonjour
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 :
Et mon templates indexbox modifié :
Merci mille fois à ceux qui pourront m'aiguiller...
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 - 6:05, édité 1 fois
Loü- ***
- Messages : 171
Inscrit(e) le : 28/01/2010
Re: Bug d'affichage sous Mozilla
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.
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.
Re: Bug d'affichage sous Mozilla
Personnellement je vois exactement la même chose, peut être que ta version de firefox est trop ancienne ?
Re: Bug d'affichage sous Mozilla
Bonsoir Loü,
Ton problème à l'air d'être le même qu'ici :
https://forum.forumactif.com/t349974-probleme-d-affichage-selon-le-navigateur-mozilla-vs-chrome
Ton problème à l'air d'être le même qu'ici :
https://forum.forumactif.com/t349974-probleme-d-affichage-selon-le-navigateur-mozilla-vs-chrome
Arlem- Membre actif
- Messages : 2550
Inscrit(e) le : 30/06/2009
Re: Bug d'affichage sous Mozilla
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
Loü- ***
- Messages : 171
Inscrit(e) le : 28/01/2010
Sujets similaires
» Plus de photo, avatar et Smiley sous Mozilla
» Impossible d'afficher les forums sous Mozilla
» Probléme bannière flash sous Mozilla Firefox !
» J'aimerai que mon script fonctionne egalement sous mozilla
» Problème d'installation de la nouvelle police sous Mozilla
» Impossible d'afficher les forums sous Mozilla
» Probléme bannière flash sous Mozilla Firefox !
» J'aimerai que mon script fonctionne egalement sous mozilla
» Problème d'installation de la nouvelle police sous Mozilla
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum