Espace vide après footer + Barre de navig' remontée et coupée

3 participants

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

Résolu Espace vide après footer + Barre de navig' remontée et coupée

Message par Dark6Nika Ven 26 Déc 2014 - 13:05

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, 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 : Ce matin (26/12/2014)
Lien du forum : http://tos-anotherfate.forumactif.org/

Description du problème

Bonjour !

Voici donc un petit problème que j'ai rencontré en voulant modifier ma nouvelle PA, après avoir ajouté quelque chose dessus, ce soucis est apparut : après quelques seconde de chargement, ma barre de navigation remonte et se retrouve coupée et un grand espace vide apparait après le pied de page.

Devant ce problème, j'ai supprimé ma PA le temps de voir si je n'avais pas fait une erreur dedans, mais le problème persiste même sans la PA. J'ai également essayé de supprimer le CSS correspondant à la PA ainsi qu'à la barre de navigation, mais cela ne change rien au problème. Cela ne vient pas non plus du template du footer personnalisé apparemment, car j'ai également essayé de le supprimer et ça n'a rien changé ...
J'ai également tenté de vider les caches et cookies de mes navigateurs au cas où, pas de changement ...

J'ai testé un peu tout ce qui était susceptible de faire apparaitre ce bug mystérieux sans résultat et je n'ai rien trouvé traitant de ce type de problème. Je pense tout de même que cela doit venir de quelque chose dans mon css, donc je vous le communique :

Code:
@import url(http://fonts.googleapis.com/css?family=Herr+Von+Muellerhoff&subset=latin,latin-ext);
 
/* GENERAL */
body
{background-image: url(http://image.noelshack.com/fichiers/2014/12/1395254001-bannaftxt2.png) ,    url(http://image.noelshack.com/fichiers/2014/12/1395503125-footertosaf.png), url(http://image.noelshack.com/fichiers/2014/12/1395233815-fdbgtosaf.jpg);
  background-repeat: no-repeat, no-repeat, repeat;  background-position: top right, bottom left, center;
  background-attachment: scroll, scroll, fixed; background-color: #BDBBA3;}
a:link, a:hover
{  text-decoration: none !important;}
.bodylinewidth
{  width: 990px;  margin: auto;}
#page-body{  width: 980px; 
  margin: auto; 
  padding-top: 50px;  padding-bottom: 85px;  padding-right: 10px;  padding-left: 10px; 
  background-image: url('#');}
.forumline{    width: 980px;
  margin-left: auto;  margin-top: -10px;  margin-right: auto;  margin-bottom: auto;   
  padding: 4px;   
  background: url(http://image.noelshack.com/fichiers/2014/12/1395142138-fdcorpstosaf.png) repeat; 
  border-top: 3px solid #E6AB89;  border-bottom: 5px solid #E6AB89;  border-left: 1px solid #9F5644;  border-right: 1px solid #9F5644; 
  box-shadow: 0px 0px 4px #7C4335;  -moz-box-shadow: 0px 0px 4px #7C4335;  -o-box-shadow: 0px 0px 4px #7C4335;  -htm-box-shadow: 0px 0px 4px #7C4335; -webkit-box-shadow: 0px 0px 4px #7C4335;
  border-radius: 15px;  -moz-border-radius: 15px;  -o-border-radius: 15px; -htm-border-radius: 15px;  -webkit-border-radius: 15px;}

.forumline2{ 
  width: 980px; 
  margin-left: auto;  margin-top: 10px;  margin-right: auto;  margin-bottom: 10px; 
  padding: 4px;}
#i_whosonline{margin-left: -8px; margin-top: -8px;}

/* CODES CSS CATEGORIES AUX DESCRIPTIONS CACHEES */
.cate{  width: 490px;  height: 100px; 
  overflow: hidden;  border: 1px dotted #6C3F2E; margin-left: auto; margin-right: auto;}
.cate_img{  position: relative; 
  z-index: 2; 
  width: 490px;   
  margin-left: 0px; 
  transform: all;-moz-transform: all;-o-transform: all;-htm-transform: all;-webkit-transform: all;
  transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.cate:hover
.cate_img{margin-left: 485px;
  transform: all;-moz-transform: all;-o-transform: all;-htm-transform: all;-webkit-transform: all;
  transition: 1s;-moz-transition: 1s;-o-transition: 1s;-htm-transition: 1s;-webkit-transition: 1s;}
.cate_description{  position: relative;
  z-index: 1;
  width: 470px;  height: 100px;
  margin-top: -120px; 
  text-align: justify; 
  font-size: 11px; 
  color: #6C3F2E; 
  padding: 2px;  overflow: auto;}



/*Barre de naviguation*/

a.mainmenu{ 
  text-decoration:none; 
  color : #9A4054; 
  font-size: 14px;  font-family: Brush Script MT; 
  text-shadow: 0px 0px 0px #B9AF96; 
  transition: 1s;  -moz-transition: 1s;  -o-transition: 1s;  -htm-transition: 1s;  -webkit-transition: 1s;}
a.mainmenu:hover{ 
  text-decoration:none;
  color : #D4474D; 
  text-shadow: 0px 2px 2px #EBEAE6;
  transition: 1s;  -moz-transition: 1s;  -o-transition: 1s;  -htm-transition: 1s;  -webkit-transition: 1s;}

#navig{
  text-decoration:none;
  width: 80%;
  margin: auto; 
  text-align: center; 
  margin-top: -4px;}

#navig a{
  text-decoration:none;
  width: 80%;
  margin: auto;
  text-align: center;}
#navig a:hover{  text-decoration:none;  width: 80%;  margin: auto;
  text-align: center;
  letter-spacing: 1px;
  transition: 1s;
  -moz-transition: 1s;}

#navigation
  height : 12px;
  position: fixed;
  z-index: 999;
  width: 100%;
  background-color: #F7DBB0;
  border-radius: 0px 0px 150px 150px;  -moz-border-radius: 0px 0px 150px 150px; -webkit-border-radius: 0px 0px 150px 150px;  -o-border-radius: 0px 0px 150px 150px;
  border-bottom: 2px solid #97315D;
  margin-top: -10px;  margin-left: -10px;
  padding: 5px;
  opacity: 0.7;-moz-opacity: 0.7; -khtml-opacity: 0.7; filter: alpha(opacity=70);}

/*fin barre de naviguation*/



/************************ MISE EN FORME PAGE D'ACCUEIL ************************/

    .fond_PA_1 {
     
 
    }

    .fond_PA_2 {
      width: 800px;
     
    }

    .titre {
      font-family: 'Herr Von Muellerhoff', sans-serif;
      font-size: 50px;
      text-align: center !important;
      position: relative;
      top: -0.8em;
      color: #ffffff;
    }

    .titre1 {
      font-family: 'Herr Von Muellerhoff', sans-serif;
      font-size: 30px;
      text-align: center !important;
      position: relative;
      top: -0.5em;
      margin-bottom: -20px;
      color: #ffffff;
    }

    .fond_bloc_news {
      width: 270px;
      height: 170px;
      padding: 15px;
      margin-left : 80px;
    background-image:linear-gradient(#E6D3B6, #E6B496);
    }


    .fond_bloc_credits {
      width: 300px;
      height: 80px;
      padding: 15px;
    color: #8c8c8c;
    border : 1px dotted #ffffff;
    background-image:linear-gradient(#E6D3B6, #E6B496);
    color:#A57559
    }

    .fond_bloc_votes {
      width: 300px;
      padding: 25px;
    background-color: #252525;
      background-image:linear-gradient(#E6D3B6, #E6B496);
      color : #542E19;
    }

    .bloc_predef {
      width: 600px;
      height: 65px;
      padding: 15px;
      background-color: #252525;
      color: #8c8c8c;
      -moz-transform: rotate(-2deg);
      -webkit-transform: rotate(-2deg);
      transform: rotate(-2deg);
      border : 1px dotted #DC0F2B;
      background-image:linear-gradient(#E6D3B6, #E6B496);
  color : #542E19;
    }

    /*** STAFF ***/

    .fond_bloc_staff {
      width: 300px;
      height: 150px;
      padding: 15px;
  margin-bottom : 10px;
    background-image:linear-gradient(#E6D3B6, #E6B496);
  margin-left : 20px;
    }

    .staff {
      width: 93px;
      height: 100px;
      overflow: hidden;
      margin-top : 10px;
      margin-left : 25px;
      margin-right : 25px;
      background-image:linear-gradient(#E6D3B6, #E6B496);
      border : 1px dotted #ffffff;
  color : #542E19;
    }

    .staff_img {
      position: relative;
      z-index: 2;
      height: 100px;
      margin-left: 0px;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }

    .staff:hover .staff_img {
      margin-top: -400px;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }

    .staff_description {
      position: relative;
      top: 26em;
      z-index: 1;
      width: 93px;
      height: 100px;
      text-align: center;
      font-size: 11px;
      color: #8c8c8c;
      padding: 2px;
      overflow: auto;
      color : #542E19;
    }
     
/*CODAGE INFOBULLES PREDEFINIS*/
a.info {
  position: relative;
  color: #eeeeee;
  font-size:10px;
  text-decoration: none;}
a.info span {display: none; /* on masque l'infobulle */}
a.info:hover {
  background: none;
  z-index: 999;
  cursor: help; }
a.info:hover span {
  width:200px;
  display: inline;
  position: absolute;
  top: -50px; /* on positionne notre infobulle */
  left: 20px;
  background-color: #E9C698;
  color: #eeeeee;
  text-shadow: 1px 1px 5px #AB5039;
  text-align:center;
  padding: 2px;
  border: 1px dotted #AB5039;
  border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    -o-border-radius: 20px 20px 20px 20px;}

    /*** CONTEXTE QUI COULISSE ***/
    .contexte {
      width: 300px;
      height: 200px;
      overflow: hidden;
      background-image:linear-gradient(#E6D3B6, #E6B496);
      border : 1px dotted #DC0F2B;
      margin-left : 20px;
    }

    .contexte_img {
      position: relative;
      z-index: 2;
      width: 300px;
      height: 200px;
      margin-left: 0px;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }

    .contexte:hover .contexte_img {
      margin-left: 400px;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
    }

    .contexte_description {
      position: relative;
      z-index: 1;
      width: 270px;
      height: 200px;
      margin-top: -200px;
      text-align: justify;
      font-size: 11px;
      color: #8c8c8c;
      padding: 10px;
      overflow: auto;
      color : #542E19;
    }

    .lettrine:first-letter {
      font-size: 300%;
      float: left;
      font-family: 'Montez', cursive;
      color: #DC0F2B;
    }



    /************************ FIN MISE EN FORME PAGE D'ACCUEIL ************************/



/* CHATBOX */
body.chatbox { background-image: url('http://image.noelshack.com/fichiers/2014/12/1395142138-fdcorpstosaf.png');
  background-repeat: repeat;}
#chatbox_members { border-right: 1px dotted #C5C3AE; }
#chatbox_header {height: 28px; 
  background-color: #E9C698;
  border-bottom: 1px solid #C5C3AE;   
  border-radius: 15px;  -moz-border-radius: 15px;  -o-border-radius: 15px; -htm-border-radius: 15px;  -webkit-border-radius: 15px; }
#message,#submit_button{
  border-width: 1px; 
  background-color: #E9C698;}
.fontbutton_normal {background-color: #E9C698;}
.fontbutton_selected {background-color: #E9C698;   
  border: 1px dotted #C5C3AE;}
.fontbutton_clicked {background-color: #E9C698;
  border: 1px dotted #C5C3AE;}
.fontbutton_hover {background-color: #E9C698;border: 1px dotted #BAB69D;}
    .avatar_mess
    {
      display: block;
      width: 230px;
      height: 400px;
      margin-left: 0px;
      margin-right: 10px;
      overflow: hidden;
      background: #E9C698;
      border: 5px solid #3e1d19;
      box-shadow: 0px 0px 6px #000000;
      -moz-box-shadow: 0px 0px 6px #000000;
      -o-box-shadow: 0px 0px 6px #000000;
      -htm-box-shadow: 0px 0px 6px #000000;
      -webkit-box-shadow: 0px 0px 6px #000000;
          transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }
    .avatar_mess:hover
    {
          transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }
    .profil_mess
    {
      position: absolute;
      display: block;
      width: 220px;
      height: 390px;
      margin: auto;
      padding: 5px;
      overflow: auto;
      background: #E9C698;
      color: #93523A;
      font-size: 11px;
      opacity: 0;
      -moz-opacity: 0;
      -khtml-opacity: 0;
      filter: alpha(opacity=0);
          transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }
    .profil_mess:hover
    {
      opacity: 0.9;
      -moz-opacity: 0.9;
      -khtml-opacity: 0.9;
      filter: alpha(opacity=90);
          transform: all;
    -moz-transform: all;
    -o-transform: all;
    -htm-transform: all;
    -webkit-transform: all;
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }
    .pseudo_mess
    {
      display: block;
      position: relative;
      z-index: 2;
      width: 190px;
      margin-top: -15px;
      margin-left: 10px;
      text-align: center;
      font-size: 18px;
      font-family: courier;
      font-weight: bold;
      text-shadow: 0px 0px 3px #c5bea0;
      background: #E9C698;
      padding-top: 5px;
      border-left: 3px solid #371e1a;
      border-right: 3px solid #371e1a;
      border-top: 1px solid #371e1a;
      border-bottom: 1px solid #371e1a;
      box-shadow: 0px 0px 3px #000000;
      -moz-box-shadow: 0px 0px 3px #000000;
      -o-box-shadow: 0px 0px 3px #000000;
      -htm-box-shadow: 0px 0px 3px #000000;
      -webkit-box-shadow: 0px 0px 3px #000000;
    }


/* CATEGORIES */
.forumlink{    display: block;    text-align: center;   
  margin-top: -5px; margin-left: auto; margin-right: auto;}
.forumlink a{  font-size: 40px; font-family: 'Herr Von Muellerhoff', Brush Script MT; 
  border-bottom: 1px solid #D43852; 
  border-radius: 15px;  -moz-border-radius: 15px;  -o-border-radius: 15px;  -htm-border-radius: 15px;  -webkit-border-radius: 15px;   
  color: #E8A588 !important;
  text-shadow: 1px 1px 1px #5C3F37;   
  transition: 1s;  -moz-transition: 1s;  -o-transition: 1s;  -htm-transition: 1s;  -webkit-transition: 1s;}
.forumlink a:hover{  color: #913A42 !important; 
  text-shadow: 1px 1px 0px #F7F1E3;
  border-bottom: 1px dotted #A82C41;
  transition: 1s;  -moz-transition: 1s;  -o-transition: 1s;  -htm-transition: 1s;  -webkit-transition: 1s;}
.forum_navig a{  font-weight: bold;  text-shadow: 1px 1px 0px #ffffff; }
     
 
  /* CSS pour le conteneur des onglets */
  #conteneur_onglets
  {
 
    background: url(http://image.noelshack.com/fichiers/2014/12/1395578308-fdonglets.png) repeat;
  }

/* CSS pour les onglets */
  .onglet
  {
  margin: auto;
  width: 800px;
  font-family: 'Herr Von Muellerhoff', Brush Script MT;
  font-size: 35px;
  font-weight: bold;
  color: #ffffff;
  text-shadow: 1px 1px 5px #61402E;
  text-position: center;
  letter-spacing: 0px;
  cursor: pointer;
  text-align: center;
  transition: 1s;
  -moz-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  }

.onglet:hover
  {
  width: 800px;
  font-family: 'Herr Von Muellerhoff', Brush Script MT;
  font-size: 38px;
  color: #D15F6E;
  text-shadow: 4px 1px 1px white;
  text-position: center;
  text-align: center;
  letter-spacing: 1px;
  cursor: pointer;
  transition: 1s;
  -moz-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
  }
     
.qeel
{
  background: url(http://image.noelshack.com/fichiers/2014/12/1395502079-qeel.png) top left no-repeat;
width: 700px;
height: 400px;
  padding-left: 260px;
    padding-top: 100px
    text-shadow: 1px 1px 1px #ffffff;
  font-weight: bold;
  overflow: auto;
}

/* SUJETS */
topictitle{  color: #6a5c52 !important; 
  font-size: 14px;  font-weight: bold;   
  text-shadow: 1px 1px 0px #fff; 
  transition: 1s;  -moz-transition: 1s;  -o-transition: 1s;  -htm-transition: 1s;  -webkit-transition: 1s;}
.topictitle:hover{  color: #D16D70 !important;  text-shadow: 1px 1px 0px #fff; 
  transition: 1s;  -moz-transition: 1s;  -o-transition: 1s;  -htm-transition: 1s;  -webkit-transition: 1s;}

/* MESSAGES */
.postbody{ display: block; 
  text-align: justify; padding: 15px;}
.quote{  width: 500px;
  padding: 8px; 
  color: #655a4d; 
  background-image: url('http://img15.hostingpics.net/pics/805066fondquotecodespoiler.jpg');   
  border-right: 1px  solid #D2D1BC; border-left: 1px  solid #D2D1BC; border-top: 3px  solid #D2D1BC; border-bottom: 3px  solid #D2D1BC; 
  border-radius: 15px;  -moz-border-radius: 15px;  -o-border-radius: 15px;  -htm-border-radius: 15px;  -webkit-border-radius: 15px; }
.spoiler_closed{  display:block;  padding:4px;  color: #655a4d;  background-image: url('http://img15.hostingpics.net/pics/805066fondquotecodespoiler.jpg'); 
  border-right: 1px  solid #D2D1BC; border-left: 1px  solid #D2D1BC; border-top: 3px  solid #D2D1BC; border-bottom: 3px  solid #D2D1BC;
  border-radius: 15px;  -moz-border-radius: 15px;  -o-border-radius: 15px;  -htm-border-radius: 15px;  -webkit-border-radius: 15px; }
.spoiler_content {  display:block;  padding:8px; 
  color: #655a4d; 
  background-image: url('http://img15.hostingpics.net/pics/805066fondquotecodespoiler.jpg'); 
  border-right: 1px  solid #D2D1BC; border-left: 1px  solid #D2D1BC; border-top: 3px  solid #D2D1BC; border-bottom: 3px  solid #D2D1BC;
  border-radius: 15px;  -moz-border-radius: 15px;  -o-border-radius: 15px;  -htm-border-radius: 15px;  -webkit-border-radius: 15px; }
.code{
  width: 500px;
  color: #7d786f; 
  padding: 7px; 
  background-image: url('http://img15.hostingpics.net/pics/805066fondquotecodespoiler.jpg');
  border-right: 1px  dashed #D2D1BC; border-left: 1px  dashed #D2D1BC;
  border-top: 2px  dashed #D2D1BC; border-bottom: 2px  dashed #D2D1BC;
  border-radius: 10px;  -moz-border-radius: 10px;  -o-border-radius: 10px;  -htm-border-radius: 10px;  -webkit-border-radius: 10px; }
.name{ text-align: center;  color: #7d786f;  font-size: 22px; text-shadow: 0px 0px 1px #fff; font-family: Brush Script MT; }

/* CHAMPS */
input{  background: #f3f2ec; 
  border: 1px solid #9EBEB9;
  box-shadow: 0px 0px 2px #432C26;  -moz-box-shadow: 0px 0px 2px #432C26; -o-box-shadow: 0px 0px 2px #432C26;  -htm-box-shadow: 0px 0px 2px #432C26;  -webkit-box-shadow: 0px 0px 2px #432C26;}
input:focus{  box-shadow: 0px 0px 2px #D47A71;  -moz-box-shadow: 0px 0px 2px #D47A71;  -o-box-shadow: 0px 0px 2px #D47A71;  -htm-box-shadow: 0px 0px 2px #D47A71;  -webkit-box-shadow: 0px 0px 2px #D47A71;}
.mainoption, .liteoption{  height: 23px;  background: url(http://img4.hostingpics.net/pics/718930fond2.jpg); border: 1px solid #BAB69D;  box-shadow: 0px 0px 2px #D1767D;  -moz-box-shadow: 0px 0px 2px #D1767D;  -o-box-shadow: 0px 0px 2px #D1767D;  -htm-box-shadow: 0px 0px 2px #D1767D;  -webkit-box-shadow: 0px 0px 2px #D1767D; 
  color: #472C23; }
.mainoption:hover, .liteoption:hover{ 
  border: 1px solid #BAB69D;}
.mainoption:focus, .liteoption:focus{
  border: 1px solid #C96065;}
textarea{  background: #e6e6e6;
  border: 1px solid #9EBEB9;
  box-shadow: 0px 0px 4px #432C26;  -moz-box-shadow: 0px 0px 4px #432C26;  -o-box-shadow: 0px 0px 4px #432C26;  -htm-box-shadow: 0px 0px 4px #432C26;  -webkit-box-shadow: 0px 0px 4px #432C26;}
textarea:focus{    background: #e6e6e6;
  border: 1px  solid #BAB69D;
  box-shadow: 0px 0px 4px #D47A71;  -moz-box-shadow: 0px 0px 4px #D47A71;  -o-box-shadow: 0px 0px 4px #D47A71;  -htm-box-shadow: 0px 0px 4px #D47A71;  -webkit-box-shadow: 0px 0px 4px #D47A71;}select{  background: #d0d0cc;}

/* BORDURES */.row3Right{border: none !important;}
.thHead{border: none !important;}
.thCornerL, .thCornerR, .thTopn, .thSides{
  border: none !important;}
.thLeft, .thRight{border-left: none !important;border-right: none !important;}
.catLeft, .catRight{border: none! important;}.catHead{border: none !important;}
.catBottom{border: none !important;}     

/* FOOTER */#page-footer a{  font-size: 10px; }



/*Catégories*/

table.case_stats{
  width:120px;
  height:100px;
  margin:auto;
  background-image:url('http://image.noelshack.com/fichiers/2014/11/1394640605-fdstadermes.png');
  background-position: right top;
  background-repeat:no-repeat;
  padding-left:50px;
  }

    table.case_stats td.dernier_msg p{
      color:#F6E5CB;
      width:120px;
      padding:0;
      margin: 0;
      margin-left: 40px;
  padding-top: 30px;
  font-size: 9px;
  text-align:center;
      }
     
    table.case_stats td.dernier_msg p a{
      text-decoration:none;
      color:#7B4E37;
      }
     
    table.case_stats td.dernier_msg p a:hover{
      border-bottom:green 1px dashed;
      color:#C85F71;
      }

table.case_stats td.stats_forum p{
  color:#FEF1CE;
  width:120px;
  margin-left:50px;
  font-size:10px;
  font-weight:bold;
  text-align:center;
  padding:0;
 
  }

/* SCROLLBAR */

/*chrome*/
::-webkit-scrollbar {
width: 10px;
height: 10px;
-webkit-border-radius: 15px;
}

::-webkit-scrollbar-thumb {
background-color: #E5C46B;
-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.10),inset 0 -1px 0 rgba(0,0,0,0.07);
-webkit-border-radius: 5px; }

#kaboum .row1 {
text-align : justify;
}
/*firefox*/
::-moz-scrollbar {
width: 10px;
height: 10px;
-webkit-border-radius: 15px;
}

::-moz-scrollbar-thumb {
background-color: #E5C46B;
-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,0.10),inset 0 -1px 0 rgba(0,0,0,0.07);
-webkit-border-radius: 5px; }

#kaboum .row1 {
text-align : justify;
}

/*CODAGE INFOBULLES */
a.info2 {
  position: relative;
  color: #93522D;
  font-size:10px;
  text-decoration: none;}
a.info2 span {display: none; /* on masque l'infobulle */}
a.info2:hover {
  background: none;
  z-index: 999;
  cursor: help; }
a.info2:hover span {
  width:230px;
  display: block;
  position: absolute;
  left: 5px;
  background-color: #E9C698;
  color: #93522D;
  text-align:center;
  padding: 2px;
  border: 1px dotted #93522D;
border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    -o-border-radius: 20px 20px 20px 20px;}

/*FIN infobulles*/

    /* FAST LINKS */

    #fast_links
    {
      position: fixed;
      z-index: 999;
      width: 378px;
      height: 214px;
      margin-top: 20px;
      margin-left: -280px;
      background: url(http://image.noelshack.com/fichiers/2014/12/1395271675-menuaf.png) center center no-repeat;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
  opacity: 0.7;
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  filter: alpha(opacity=70);
    }
    #fast_links:hover
    {
      margin-left: -10px;
      transform: all;
      -moz-transform: all;
      -o-transform: all;
      -htm-transform: all;
      -webkit-transform: all;
      transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
  opacity: 0.8;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  filter: alpha(opacity=80);
    }
    #fast_links_contenu
    {
      margin-top: 31px;
      margin-left: 10px;
    }
    .fast_link
    {
      display: block;
      width: 200px;
      padding: 4px;
      background-color: #ebe4d0;
      font-weight: bold;
      border-left: 2px solid #a1883a;
      border-right: 2px solid #a1883a;
      text-align: center;
      font-size: 12px;
      text-shadow: 1px 1px 0px #ffffff;
  opacity: 0.6;
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  filter: alpha(opacity=60);
    }
    .fast_link:hover
    {
      background-color: #f8f6f0;
      border-left: 2px solid #f5d553;
      border-right: 2px solid #f5d553;
  opacity: 0.8;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  filter: alpha(opacity=80);
    }



hr {
  height: 1px;
  margin: 0.5em 0;
  padding: 0;
  color: #ffffff;
  background-color: #ffffff;
  border: 0;
}

.widget_flottant{
  width: 100px;
  height: 100px;
  overflow: auto;
  position:fixed;
  top: 390px; right: 1px; 
  font-family: Gabriola; 
  color: #9D952C; 
  font-size: 18px;  text-shadow: 2px 1px 1px black; 
  opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(opacity=50);
}
.widget_flottant:hover{
  width: 100px;
  height: 100px;
  overflow: auto;
  position:fixed;
  top: 390px; right: 1px; 
  font-family: Gabriola; 
  color: #cccccc; 
  font-size: 18px;  text-shadow: 2px 1px 1px black; 
  opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;filter: alpha(opacity=100); 
  transition: 1s;  -moz-transition: 1s;  -htm-transition: 1s;  -webkit-transition: 1s;  -o-transition: 1s;}
(Vraiment désolée pour l'horreur de rangement de certains codes, j'ai eu des soucis pendant un temps qui me supprimait mes sauts de lignes j'ai pas tout réarrangé depuis)

Voilà, voilà ... Donc je précise bien que le problème apparait après quelques secondes de chargement de la page (au début tout est normal comme avant et après ça saute et pouf !)

Merci vous votre sollicitude permanente envers les utilisateurs de forumactif,

En vous souhaitant de joyeux fêtes de fins d'années ♥


Dernière édition par Dark6Nika le Ven 26 Déc 2014 - 16:04, édité 1 fois
Dark6Nika

Dark6Nika
Nouveau membre

Féminin
Messages : 15
Inscrit(e) le : 26/12/2014

http://ff-judgement-day.forumactif.org/
Dark6Nika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace vide après footer + Barre de navig' remontée et coupée

Message par demeter1 Ven 26 Déc 2014 - 13:16

pour le soucis de la barre de navigation, il faut augmenter la taille de la barre dans la partie #navigation

Voici une modif qui me semble donner un bon résultat :

Code:
#navigation {
    background-color: #F7DBB0;
    border-bottom: 2px solid #97315D;
    border-radius: 0px 0px 150px 150px;
    height: 19px;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0.7;
    padding: 5px;
    position: fixed;
    width: 100%;
    z-index: 999;
}

et modifier le margin de #navig comme ceci
Code:
#navig {
    margin: 4px auto auto;
    text-align: center;
    text-decoration: none;
    width: 80%;
}

résultat
navigation - Espace vide après footer + Barre de navig' remontée et coupée Sans_t50
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace vide après footer + Barre de navig' remontée et coupée

Message par Dark6Nika Ven 26 Déc 2014 - 13:23

Merci pour votre réponse ♥

En effet ça permet à la barre de navigation de ne pas être coupée par ce bug, mais ça ne répare pas le bug en lui même =/

En tout cas j'ai bien mis en place ce que vous m'avez donné, en attendant ça sera toujours plus esthétique, merci beaucoup ^-^
Dark6Nika

Dark6Nika
Nouveau membre

Féminin
Messages : 15
Inscrit(e) le : 26/12/2014

http://ff-judgement-day.forumactif.org/
Dark6Nika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace vide après footer + Barre de navig' remontée et coupée

Message par demeter1 Ven 26 Déc 2014 - 13:26

Dark6Nika a écrit:Merci pour votre réponse ♥

En effet ça permet à la barre de navigation de ne pas être coupée par ce bug, mais ça ne répare pas le bug en lui même =/

si vous pouviez être précise. Vu que le soucis provenait de la barre de navigation qui était coupée, je ne sais ce que vous souhaitez modifier de plus.
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace vide après footer + Barre de navig' remontée et coupée

Message par Dark6Nika Ven 26 Déc 2014 - 13:35

Non le problème ne venait pas de la barre de navigation et ce n'était pas le seul bug gênant, il y a aussi ce gros espace après le pied de page qui reste maintenant (comme on voit sur le screen et je pense qu'il apparaîtra aussi si vous allez voir sur le forum).

Le fait que la barre de navigation soit coupée n'était donc pas le bug en lui même mais une conséquence du bug qui fait que, après quelques secondes de chargements, la barre de navigation remonte et un grand espace vide se rajoute après le pied de page. Je me suis peut-être mal expliquée dans mon premier message.
Dark6Nika

Dark6Nika
Nouveau membre

Féminin
Messages : 15
Inscrit(e) le : 26/12/2014

http://ff-judgement-day.forumactif.org/
Dark6Nika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace vide après footer + Barre de navig' remontée et coupée

Message par demeter1 Ven 26 Déc 2014 - 13:57

autant pour moi, c'est moi qui ai mal compris.
Le soucis semble provenir de ces deux div qui ne semblent pas être avant </body> dans le template overall_footer_end.

Code:
<div class="imgbas1"></div>

<div class="imgbas2"></div>
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace vide après footer + Barre de navig' remontée et coupée

Message par Dark6Nika Ven 26 Déc 2014 - 14:18

Ah d'accord, je les ai trouvé : (l.37)

Code:
<!-- BEGIN html_validation -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<table>
   <tr>
      <td>
         <div>
            <div>
               <div>
<!-- END html_validation -->
               </div>
            </div>
            <!-- BEGIN switch_footer_links -->
            <div align="center">
               <div class="gen">
                  <!-- BEGIN footer_link -->
                     <!-- BEGIN switch_separator -->&nbsp;|&nbsp;<!-- END switch_separator -->
                     <a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                  <!-- END footer_link -->
               </div>
            </div>
            <!-- END switch_footer_links -->
                         
                          <div id="FooterPerso">
<br><center><div style="width: 97%; margin: auto; border-top: ; color: #5b5b5b; padding: 5px;"> <span style="font-family: 'Herr Von Muellerhoff', sans-serif; text-align: center; letter-spacing: 1px; font-size: 28px; color: #DC0F2B;">Nos Partenaires</span><br>
  <marquee class="Scroller" behavior="scroll" direction="left" scrollamount="4" scrolldelay="0" onmouseover="this.stop()" onmouseout="this.start()"><a href="http://tales-of-symphonia-by-lina.wifeo.com/"><img src="http://image.noelshack.com/fichiers/2013/33/1376818613-minilogparttosbulina.jpg" /></a> • <a href="http://ff-judgement-day.forumactif.org/"><img src="http://image.noelshack.com/fichiers/2013/29/1374423425-icons88-31-1.gif" /></a> •<a href="http://funsoluces.wordpress.com/"><img src="http://image.noelshack.com/fichiers/2014/11/1394881959-f-u-n-soluce.jpg" /></a> • <a href="http://fan-dessin.forumactif.org"><img src="http://img15.hostingpics.net/pics/726824pub.png" /></a> • <a href="http://epicarena.forum2jeux.com"><img src="http://i73.servimg.com/u/f73/18/40/36/82/eppeti10.jpg" /></a> • <a href="http://tsuki-no-kioku.forumactif.org/" target="_blank"><img src="http://img15.hostingpics.net/pics/1176618831.png" alt="Tsuki No Kioku" border="0" /></a> • <a href="http://tales-of-luminasia.forumactif.org/" target="_blank"><img src="http://i.imgur.com/qNy5aHh.jpg" /></a> • <a href="http://new-generation.superforum.fr/"><img src="http://i.imgur.com/n3t1x7y.jpg" /></a> • <a href="http://juuni-kokki.forumactif.org/"><img src="http://i56.servimg.com/u/f56/18/47/37/25/bouton10.jpg" /></a> • <a href="http://brokenwonderland.forumactif.org"><img src="http://img15.hostingpics.net/pics/946825bouton88x31.jpg"></a> • <a href="http://monde-cruel.forumactif.org/"><img src="http://www.servimg.com/u/f56/18/69/84/81/mav11.png"></a> • <a href="http://graylingemblem.forumactif.org"><img src="http://i43.tinypic.com/op8c4m.png"></a> • <a href="http://ffrevolution.forumactif.org/"><img src="http://i55.servimg.com/u/f55/12/62/15/12/bouton13.jpg"></a> • <a href="http://furolucioles.forumactif.org/forum"><img src="http://i39.servimg.com/u/f39/18/92/82/41/topsit10.jpg" /></a> • <a href="http://ushinasei.forumactif.org/"><img src="http://image.noelshack.com/fichiers/2014/33/1407724235-us88x31.png" /></a> <a href="http://free-rpg.forumactif.com/"><img src="http://img4.hostingpics.net/pics/7345438831.png"></a> <a href="http://battleofthefairies.forumgratuit.ch/"><img src="http://zupimages.net/up/14/38/z9lr.png" alt="battleofthefairies" /></a> <a href="http://machi-no-yoso.forumgratuit.ch/"><img src="http://zupimages.net/up/14/43/nfwo.bmp" alt="Machi no Yōso" /></a> </marquee>
            </div><a href="#" class="info"><br /></a><a href="http://tos-anotherfate.forumactif.org/t42-demandes-de-partenariat">Vous ?</a> ♦ <a href="http://tos-anotherfate.forumactif.org/f87-espace-partenaires">Nos partenaires</a> </div></center>
</div>
                         
         </div>
         {PROTECT_FOOTER}
      </td>
   </tr>
</table>
 
  <div class="imgbas1"></div><div class="imgbas2"></div>
 
 
<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({appId: '{switch_facebook_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true, oauth: true});
//]]>
</script>
<!-- END switch_facebook_login -->

<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
   if ($('a#logout'))
   {
      var lien_redir = $('a#logout').attr('href');

      if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
      {
         document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
      }
   }
});

$(document).ready( function() {
   $('a#logout').click( function() {
      FB.logout();
   } );
});
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->

<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>

                                 
                           
                           
                            </body>
</html>

Elles sont bien dans la balise body du coup, que dois-je en faire ?
Dark6Nika

Dark6Nika
Nouveau membre

Féminin
Messages : 15
Inscrit(e) le : 26/12/2014

http://ff-judgement-day.forumactif.org/
Dark6Nika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace vide après footer + Barre de navig' remontée et coupée

Message par demeter1 Ven 26 Déc 2014 - 14:25

Les placer juste avant </body> dans le template overall_footer_ end que vous venez de fournir. Cette fermeture constitue le pied de page du forum.
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace vide après footer + Barre de navig' remontée et coupée

Message par Dark6Nika Ven 26 Déc 2014 - 14:27

Ah d'accord, je viens de faire ça mais ça n'a rien changé hélas =/ (j'ai bien validé le template)
Dark6Nika

Dark6Nika
Nouveau membre

Féminin
Messages : 15
Inscrit(e) le : 26/12/2014

http://ff-judgement-day.forumactif.org/
Dark6Nika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace vide après footer + Barre de navig' remontée et coupée

Message par demeter1 Ven 26 Déc 2014 - 14:35

En analysant le forum, je ne trouve aucun css associé à imgbas1 et imgbas2. avez vous une ou plusieurs autres div associés aux images de ce pied de page ?

edit : idem pour la div footer perso; aucun css d'associé.
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace vide après footer + Barre de navig' remontée et coupée

Message par Dark6Nika Ven 26 Déc 2014 - 14:44

Et bien pour tout avouer je ne sais pas trop d'où sortent ces div imgbas ! L'image que j'ai en footer est dans le css body en fait, du coup, ces div imgbas ne sont associé à rien (je viens même de les supprimer de mon template là, ça n'a rien changé du tout donc elles devaient servir à rien, peut-être les restes d'un précédent design que j'aurais laissé par mégarde ?)

Du coup ça vient peut-être du manque de css de footer perso ? Le tuto que j'ai utilisé pour l'installer ne comportait pas de css (et je l'utilise sur un autre forum sans css non plus et ça ne bug pas pourtant).
Dark6Nika

Dark6Nika
Nouveau membre

Féminin
Messages : 15
Inscrit(e) le : 26/12/2014

http://ff-judgement-day.forumactif.org/
Dark6Nika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace vide après footer + Barre de navig' remontée et coupée

Message par demeter1 Ven 26 Déc 2014 - 15:04

Je vous avouerai avoir eu beaucoup de mal à trouver vu le nombre de div non renseignées que contient votre template.
Votre footer en fait ne contient aucune image mais votre body contient un multiple background qui donne une hauteur trop importante

Code:
body {
    background-attachment: scroll, scroll, fixed;
    background-color: #BDBBA3;
    background-image: url("http://image.noelshack.com/fichiers/2014/12/1395254001-bannaftxt2.png"), url("http://image.noelshack.com/fichiers/2014/12/1395503125-footertosaf.png"), url("http://image.noelshack.com/fichiers/2014/12/1395233815-fdbgtosaf.jpg");
    background-position: right top, left bottom, center center;
    background-repeat: no-repeat, no-repeat, repeat;
}

A mon avis, retirerez la dernière image cad
Code:
http://image.noelshack.com/fichiers/2014/12/1395233815-fdbgtosaf.jpg
et cela devrait régler le soucis.
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace vide après footer + Barre de navig' remontée et coupée

Message par Dark6Nika Ven 26 Déc 2014 - 15:11

Pour vérifier si ça venait bien de body, j'ai laissé qu'un bg (et retiré les mentions associés aux autres) mais le bug persiste malgré ça. (A savoir aussi que j'utilise ce code sur un autre forum qui ne présente pas le bug aussi, les 3 bg sont en fait pour le logo, le fond et le footer, je l'utilises depuis longtemps sur beaucoup de design je n'ai jamais eu de soucis avec)

Mais en effet j'ai beaucoup de balise en rouge dans mon template overall_footer_ end, peut-être que ça vient de là, je vais essayer de bidouiller de ce côté.
Dark6Nika

Dark6Nika
Nouveau membre

Féminin
Messages : 15
Inscrit(e) le : 26/12/2014

http://ff-judgement-day.forumactif.org/
Dark6Nika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace vide après footer + Barre de navig' remontée et coupée

Message par demeter1 Ven 26 Déc 2014 - 15:16

Bon courage. A mon avis, profitez en pour repartir sur un template de base en y apportant que les modifications nécessaires.
demeter1

demeter1
Membre actif

Masculin
Messages : 8993
Inscrit(e) le : 23/01/2009

https://altitudetropicale.forums-actifs.com/
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace vide après footer + Barre de navig' remontée et coupée

Message par Dark6Nika Ven 26 Déc 2014 - 15:17

Ah j'allais justement éditer. Je viens en effet de supprimer mon template overall_footer_ end pour le remettre à zéro mais ça n'a rien changé, le problème ne vient toujours pas de là ...

Je suis pas sortie de l'aubergine ...
Dark6Nika

Dark6Nika
Nouveau membre

Féminin
Messages : 15
Inscrit(e) le : 26/12/2014

http://ff-judgement-day.forumactif.org/
Dark6Nika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace vide après footer + Barre de navig' remontée et coupée

Message par [Nihil] Ven 26 Déc 2014 - 15:58

Hello Smile

C'est quelque chose qui est rajouté en javascript déjà, car quand on désactive le js le problème part Wink

Il y a plusieurs div qui sont rajoutées, une avec l'id foovrly et une #fowd qui ont un certain CSS

Essaye de rajouter dans ton CSS ceci, ça nous permettra de voir d'abord si cela vient bien de cet élément :
Code:
#fowd { display : none;}
[Nihil]

[Nihil]
Membre habitué

Messages : 1215
Inscrit(e) le : 10/12/2009

https://forum.forumactif.com
[Nihil] a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Espace vide après footer + Barre de navig' remontée et coupée

Message par Dark6Nika Ven 26 Déc 2014 - 16:04

Oh petit code magique *-* Je l'ai bien ajouté et ça a résolu le problème en effet ♥ Plus de vilain espace après le pied de page ^-^ (On voit que la barre de navigation remonte toujours après quelques seconde de chargement mais ça à la limite c'est pas grave comme je l'ai redescendu grâce aux conseils de demeter1 ~~)

Merci beaucoup de votre aide ! \^o^/
Dark6Nika

Dark6Nika
Nouveau membre

Féminin
Messages : 15
Inscrit(e) le : 26/12/2014

http://ff-judgement-day.forumactif.org/
Dark6Nika a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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