Membres connectés récemment
[MODERNBB] Image de fond en footer sur toute la largeur du forum (suite)
2 participants
Page 1 sur 1
- 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 :
J'ai essayé en ajoutant cette partie de code :
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 ?
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 ?
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:
Testes ceci chère amie:
Remplaces :
Par:
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
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 ?
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 ?
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
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
Tu peux tester de nouveau le style d'origine:
Et ajouter ceci:
C'est pour définir une hauteur minimale
- 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
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/
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/
Sujets similaires
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum