Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

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

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

Pizi
Pizi
http://esteria.forumactif.com

MessagePizi Lun 7 Juin 2021 - 15:18

  • 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 ?


Dernière édition par Pizi le Lun 7 Juin 2021 - 22:57, édité 1 fois
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Lun 7 Juin 2021 - 15:32

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 aime ce message

Pizi
Pizi
http://esteria.forumactif.com

MessagePizi Lun 7 Juin 2021 - 15:50

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 ?
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Lun 7 Juin 2021 - 16:50

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

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Lun 7 Juin 2021 - 16:54

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 impeccable
Pizi
Pizi
http://esteria.forumactif.com

MessagePizi Lun 7 Juin 2021 - 17:40

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 ?
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Lun 7 Juin 2021 - 18:56

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 oups
https://m14phpbb2.forumactif.org/
Pizi
Pizi
http://esteria.forumactif.com

MessagePizi Lun 7 Juin 2021 - 22:57

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

Merci encore Phil :)
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mar 8 Juin 2021 - 3:50

Coucou Pizi,

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


Hello


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

A bientôt pour une prochaine demande clin oeil

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

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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