Problème d'affichage du css et des couleurs

[Luune]

Détails techniques

Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis la création du forum
Lien du forum : http://donjonkanstel-rpg.forumactif.com/

Description du problème

Bonjour,
J'ai créé un forum récemment, et j'ai commencé à modifier son apparence. Seulement, lorsque je touche au css, il revient parfois à sa version de base (les couleurs sont en bleu et blanc alors que je les ai modifiées, et le css personnalisé n'est plus pris en compte). Etant donné que je n'avais pas fait beaucoup de modifications, j'ai recrée un forum afin de voir si le même problème se produisait, et effectivement, c'est le cas. Le problème disparaît après que j'ai validé plusieurs fois mon css, mais cela peut prendre un peu de temps, et même si pour le moment ce n'est pas très handicapant étant donné que le forum n'est pas encore ouvert, j'aimerais éviter que ce problème continue de se produire régulièrement.

Voici mon css :

Code:

/****Chatbox***/
#chatbox .chatbox_row_1 {
  margin: 0px;
  background-color: #E0C49C;
}

#chatbox .msg{word-wrap: break-word;}
#chatbox .user, #chatbox .date-and-time{white-space: nowrap;}

#chatbox .date-and-time {
  font-family: 'Colonna MT';
  font-size: 17px;
}

/***Toolbar****/
div#fa_search {display:none!important;}

span#fa_share {display:none!important;}

a#fa_hide {display: none!important;}

ul#fa_menulist {
  background-color: red;
}

#fa_toolbar #fa_right #notif_list li .contentText a {
    color: red!important;
}


/****Navigation****/

.navi_bloc {  
  position: fixed;
  float: left;
  top: 40px;
  left: 5px;
  height: 250px;
  width: 150px;
  background-color: #875D43;
  border: 2px solid #000000;
  padding: 5px;
}

.navi_liens {
  text-align: center;
  font-size: 16px;
  width: 150px;
  font-family: 'Colonna MT';
}

.navi_liens:hover {
  font-size: 18px;
  background-color: #000000;
}

.navi_bloc2 {  
  position: fixed;
  float: left;
  top: 310px;
  left: 5px;
  height: 100px;
  width: 150px;
  background-color: #875D43;
  border: 2px solid red;
  padding: 5px;
}

.navi_bloc3 {  
  position: fixed;
  float: left;
  top: 430px;
  left: 7px;
  height: 100px;
  width: 160px;
  background-image: url('https://i.servimg.com/u/f59/17/10/65/34/sans_t16.jpg');
  text-align: center;
}

/***Navigation de base masquée***/

.navbar ul{
border-bottom:none;
}

#search-box{
visibility:hidden;
}

.navbar{
background-color: transparent;
}

/******PA******/

#pa_fond  {
  
  background-color: #875D43;
  height: 600px;
  width: 800px;
  margin: auto;
  
}

.titre_pa {
  position:absolute;
  font: 65px 'Colonna MT';
  color: darkred;
  text-align: left;
  margin-left: 105px;
  margin-top: -10px;
}

#pa_lierre {
  position: relative;
  background-image: url('https://i.servimg.com/u/f59/17/10/65/34/sans_t16.jpg');
  float: left;
  height: 610px;
  width: 75px;
  margin-left: 30px;
  
}

#pa_contexte {
  position: relative;
  margin-top: 50px;
  float: left;
  margin-left: 30px;
  width: 250px;
  height: 350px;
  background-color: #FFFFFF;
  border: 2px solid red;
}

.texte_contexte{
  height: 340px;
  width: 230px;
  overflow: auto;
  text-align: justify;
  font: 13px 'Arial';
  color: #4B5A83;
  margin: auto;
  padding-top: 5px;
}

#pa_factions {
  position: relative;
  float: left;
  margin-top: 50px;
  width: 100px;
  height: 350px;
  margin-left: 20px;
  text-align: center;
}

#pa_actu {
  position: relative;
  float: right;
  margin-right: 20px;
  margin-top: 50px;
  width: 250px;
  height: 150px;
  background-color: #FFFFFF;
}

.texte_actu{
  height: 140px;
  width: 230px;
  overflow: auto;
  text-align: justify;
  font: 13px 'Arial';
  color: #4B5A83;
  margin: auto;
  padding-top: 5px;
}

#pa_bloc {
  position: relative;
  float: right;
  margin-right: 20px;
  margin-top: 15px;
  width: 250px;
  height: 135px;
  background-color: #FFFFFF;
}

.texte_bloc{
  height: 125px;
  width: 230px;
  overflow: auto;
  text-align: justify;
  font: 13px 'Arial';
  color: #4B5A83;
  margin: auto;
  padding-top: 5px;
}

#pa_vote {
  position: relative;
  float: right;
  margin-right: 20px;
  width: 250px;
  height: 50px;
  background-color: #252525;
}

#pa_staff {
  position: relative;
  float: right;
  margin-right: 20px;
  margin-top: 20px;
  width: 645px;
  height: 100px;
}

.bulles_staff {
  height: 100;
  width: 100;
  border-radius: 50px;
  border: 2px solid #71838D;
  background: #000000;
  text-align: center;
  overflow: hidden;
  position: relative;
}

.bulles_staff img{
  position: absolute;
  transition: 2s;
  border-radius: 50px;
  top: 0;
  left: 0;
  z-index: 2;
}

.bulles_staff:hover img{
  opacity: 0;
}

.bulles_staff span{
  display: block;
  padding-top: 30px;
  opacity: 0;
  transition: 2s;
  position: relative;
}
.bulles_staff:hover span{
  opacity: 1;
  z-index: 3;
}

.img_staff1 {
  position:absolute;
  margin-left: -10px;
}
.img_staff2 {
  position:absolute;
  margin-left: 100px;
}
.img_staff3 {
  position:absolute;
  margin-left: 210px;
}
.img_staff4 {
  position:absolute;
  margin-left: 320px;
}
.img_staff5 {
  position:absolute;
  margin-left: 430px;
}
.img_staff6 {
  position:absolute;
  margin-left: 540px;
}

#pa_partenaires {
  position: relative;
  float: right;
  margin-right: 20px;
  margin-top: 15px;
  width: 650px;
  height:30px;
  padding: 5px;
  background-color: #FFFFFF;
}

/*****FIN PA****/

/***CADRE TRANSPARENT****/
#wrap { background-color: transparent; }

Merci d'avance

[Neptunia]

Bonjour, et bienvenue sur le Forum des Forums Forumactif



Ce que vous décrivez est typique de ce qui arrive quand on modifie très souvent le CSS. Le navigateur s'y perd et finit par ne plus s'y retrouver parmi les versions successives du code. Et vous êtes le/la seul(e) à rencontrer ce problème.

Quand le problème survient, il suffit généralement de Vider le cache Internet de votre navigateur.

[Luune]

Waoh, merci pour cette réponse rapide ! Pour ce qui est du nombre de personnes concernées, étant toute seule pour l'instant, j'avoue avoir mis un peu au hasard, en tout cas tant mieux si le problème vient de mon côté.

Bonne journée à vous !