- Statut : non résolu
- Ce sujet contient 15 réponses, 3 participants et a été mis à jour pour la dernière fois par
, le il y a 12 années et 5 mois.
-
Messages
-
Bonjour,
Ma configuration WP actuelle
– Version de WordPress : 3.5
– Version de PHP/MySQL :
– Thème utilisé : twentyeleven
– Extensions en place :
– Nom de l’hebergeur :
– Adresse du site : canalyse.comProblème(s) rencontré(s) :
Après avoir modifié sa couleur (gris), je m’aperçois que le Main background (body class) du site désolidarise le contenu (div content) d’une page avec le footer, quand celle-ci dépasse la taille de base du cadre. Normalement, je pensais que le footer était collé au bas de Page et que si le contenu s’allongeait, tout le reste suivait en descendant. Ici, il y a un espace assez laid qui fait déborder le texte du cadre « content », faisant apparaître le background et sans se coller au footer (coupure entre le bas du contenu et le footer). On voit cela dans la page « références » et aussi services-réhabilitation–champ d’application. Pour moi l’objectif est que tout soit lié (page+content+footer) et que si le contenu est long et bien qu’il soit accessible via overflow (comme à l’habitude). Evidemment, si mon background était de la même couleur que le reste, on ne verrait pas le bug, mais je veux le garder en gris. Y a-t-il eu un bout de code que j’aurais malencontreusement supprimé. Je cherche via firebug, mais il n’y a rien de concluant (padding, margin, max/min height). Est-ce lié au thème en lui-même (le fait d’avoir changé la couleur du background) ? Des codes foireux?
Merci de pouvoir me renseigner. En espérant que ça soit clair.Bonjour,
Pour commencer vers la ligne 86 dans votre fichier style.css
Ajouter: background-color:#F5F5F5;
Slt Ouistiti. C’est nickel ça, ça fonctionne. Juste cette petite ligne pour régler le problème, si j’avais su. Mais à quoi cela est dû? A quoi correspond exactement la div #primary?
Tu dis « pour commencer », tu vois d’autres choses à régler?
Merci.Oups, je me suis un peu trop vite emballé. Il est vrai que pour les pages où ça coinçait, le problème a été réglé. Mais maintenant, sur les autres, où il y a moins de contenu, j’ai le footer que vient tomber au beau milieu du jeu de quille. Il y a sûrement moyen de régler cela (code spécial pour coller le footer?). J’avais il y a qques semaines mon footer coller en bas, quelque soit la résolution, mais l’ensemble était foireux donc j’ai enlevé. C’est ptet à partir de ces codes qu’on pourrait résoudre l’embrouille. Je précise aussi que la couleur du footer n’est pas définitive et que la taille générale du site, je la règle suivant la résolution de mon écran de portable, qui est différente pour d’autres écrans. Donc ce qui me semblerait bien calé sur mon pc, ne le serait peut-être pas pour d’autres.
Avez-vous touché au code dans un fichier php?
Ce qui m’étonne sur la page d’accueil qui a moins de contenu que la page « Référence » le footer se trouve en bas de la page. Pour les autres j’en conviens que ce n’est pas le cas.Pourriez-vous d’écrire avec plus de détail ce que vous avez fait comme modification dans le thème?
Arrf! J’ai enfin remis la main sur ce tuto » comment maintenir les « footers » toujours au bas de votre page »
Ne pas oublier de faire un thème enfant avant de faire des modifications dans les fichiers. Afin d’éviter la suppression de celle-ci à la prochaine mise à jour de votre thème.
Thème enfant:
1-Tuto: http://wpchannel.com/creer-themes-enfants-child-themes-wordpress/
2- Le codex: http://codex.wordpress.org/fr:Th%C3%A8mes_EnfantJe n’ai pas fait de grande manipulation dans les fichier php. C’est essentiellement dans le css. Par exemple, j’ai réduit l’espace qu’il y a à chaque fois que l’on insère une puce (ul li…). Cela a peut-être un lien. Bon, pour tester j’ai annulé la modif la concernant mais ça n’a rien changé. Peut-être un jeu de padding, de margin? Par contre, je n’ai pas réussi à coller le footer en bas de page suivant ton lien. Où dois-je mettre le code php (dans footer je suppose, mais dans quelle partie), idem pour le css (dans #footer puis colophon ou sitegenerator, supprimer les fichiers déjà présent, coller simplement le code n’importe où?). C’est ptet pas coller le footer tout en bas de l’écran, mais plutôt arriver à ce qu’il se cale en bas de la div page. Qu’il soit flottant mais pas forcément figé tout en bas. Je vais continuer à fouiner. Merci
C’est un peu bizarre, j’ai fait un test en local avec le même thème et une phrase. Résultat le footer reste en-bas de la page.
Quand je vais dans le code source, je m’aperçois bien que vous avez fait des modifications dans un fichier PHP.
En plus il y a deux fois la class body
Suppressions des commentaires et la balise
qui contenait l’ID « site-title » et l’ID « site-description »
La cause peut provenir d’un div mal fermé ou une erreur de syntaxe dans le code PHPBref! Il faut contrôler votre fichier.
Bonjour. Finalement, j’ai réussi à trouver une solution. J’ai modifié la min-height de la div page en mettant 100% et plus en px. Cela a eu pour effet de remonter le footer dans les pages problématiques. Reste à voir comment faire pour obtenir une position du footer qui soit correcte (par exemple la même que pour la page d’accueil). Mais c’est déjà un bon point. Pour vos remarques, je vais voir ce que j’ai fait. La suppression du hgroup peut-elle avoir une incidence? J’ai fait le test (remettre à zéro) mais cela n’a pas eu d’effet. Je pense avoir supprimé cela via des conseils sur forums et non pas de façon sauvage. Je vous tiens au courant. Et merci encore.
debejipe wrote:La suppression du hgroup peut-elle avoir une incidence?.Non!
Je ne me permettrais pas de dire que vous avez supprimé certains éléments à la sauvage 🙂. Mais il est vite arrivé de faire une erreur …. un div mal fermé ou une fermeture en trop …
Il me semble que votre problème est résolu … où est-ce que je me trompe?
Si ce n’est pas le thème mais un ajout de votre part, il est aussi possible de mettre le background dans la feuille de style.css. à la class body
OUPS!! 😕 (Suite)
Si ce n’est pas le thème mais un ajout de votre part, il est aussi possible de mettre le background dans la feuille de style.css. à la class body
@Modérateurs
Désolée pour les doublons, mais il y a un big bug sur cette page dû « Code: [/code » ce qui a pur effet de supprimer le backgrund de cette page.
Comme quoi une erreur est vite arrivée … 🙂
- Vous devez être connecté pour répondre à ce sujet.