[MODERNBB] Image de fond en footer sur toute la largeur du forum (suite)

[Pizi]

• Version du forum :
  MODERNBB
• Templates modifiés :
  oui
• Navigateur :
  Firefox

Bonjour Phil,

Depuis que tu aies résolu ma difficulté dans ce sujet, j'ai remarqué un bug.

Lorsque je suis sur la fenêtre de connexion, le footer se place trop haut au lieu de rester en bas.



Pour rappel :

Site concerné : https://whistledown.forumactif.com/
HTML non modifié.
CSS :

Code:

/*****************************************************************
            FOOTER
******************************************************************/
.statistics {
  display: none;
}
#page-footer {
  background: url('https://i.imgur.com/8Pv8yKF.png') no-repeat;
  width: 100% !important;
  background-position: center;
  position: absolute;
  left: 0;
  right: 0;
  height: 250px;
}

J'ai essayé en ajoutant cette partie de code :

Code:

body {
  background-color: #EAECEC;
  min-height: 100%;
  margin: 0;
  padding-bottom: 250px;
  position: relative;
}
html {
  height: 100%;
}

et en ajoutant au #page-footer un bottom: 0; mais ça a empiré les choses, j'ai eu beaucoup de mal à me reconnecter car le footer se mettait sur l'identifiant et le mot de passe.

Qu'en penses-tu ?

[Milouze14Fondateur]

Coucou Pizi,
alors il fallait s'y attendre, généralement et cela est préconisé de mettre le footer en position fixed (fixe) :



Tu pouras aussi mettre ce style pour ton logo car il génère un ascenseur en bas de page:

Code:

a#logo img{width:100%;}

Testes ceci chère amie:

Remplaces :

Code:

#page-footer {
  background: url('https://i.imgur.com/8Pv8yKF.png') no-repeat;
  width: 100% !important;
  background-position: center;
  position: absolute;
  left: 0;
  right: 0;
  height: 250px;
}

Par:

Code:

#page-footer {
  background: url('https://i.imgur.com/8Pv8yKF.png') no-repeat;
  width: 100% !important;
  background-position: center;
  position: fixed;
  left: 0;
  right: 0;
  height: 250px;
bottom:0px;
}

[Pizi]

Phil,

Merci pour ces éléments, j'ai tenté le code que tu m'as passé mais cela ne me convient pas car l'affichage du design perd un peu son intérêt avec le footer en position fixed :



En revanche, à la place, j'ai tenté une position: relative et cela rend bien mieux.
Toutefois je perds la hauteur du QEEL :



Est-ce normal ? Comment pouvons-nous la rétablir ?

[Milouze14Fondateur]

Re Pizi,
malheureusement on ne pourra guère faire mieux car sur la fenêtre connexion,
c'est ok par contre l'index:
https://whistledown.forumactif.com

[Milouze14Fondateur]

Tu peux tester de nouveau le style d'origine:

Code:

    #page-footer {
      background: url('https://i.imgur.com/8Pv8yKF.png') no-repeat;
      width: 100% !important;
      background-position: center;
      position: absolute;
      left: 0;
      right: 0;
      height: 250px;
    }

Et ajouter ceci:

Code:


div#content-main{min-height: 800px;}


C'est pour définir une hauteur minimale

[Pizi]

Hm... L'apparence est comme au début de notre souci :



Il me semble que le mieux encore c'est de laisser en position relative, qu'en dis-tu ?

A moins que tu aies une autre idée pour le height de la page de connexion ?

[Milouze14Fondateur]

Le soucis est que sur l'index le footer est centré
alors que sur la page connexion il est étiré!!!!!!


Sur mon fofo de tests, je n'ai pas ce soucis Pizi
https://m14phpbb2.forumactif.org/

[Pizi]

C’est bizarre mais bon, tant qu’il reste en bas le coquin, ça m’ira bien :)

Merci encore Phil :)

[Milouze14Fondateur]

Coucou Pizi,

si cela te convient alors .
De rien chère amie.

Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande