Affichage pas cohérent background/content/footer (Créer un compte)

  • Statut : non résolu
15 sujets de 1 à 15 (sur un total de 16)
  • Auteur
    Messages
  • #519966
    debejipe
    Participant
    Initié WordPress
    48 contributions

    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.com

    Problè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.

    #877366
    ouistiti.net
    Participant
    Maître WordPress
    1879 contributions

    Bonjour,

    Pour commencer vers la ligne 86 dans votre fichier style.css

    #primary {
    float: left;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: -33.4%;
    margin-top: 20px;
    width: 100%;
    }

    Ajouter: background-color:#F5F5F5;

    #877367
    debejipe
    Participant
    Initié WordPress
    48 contributions

    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.

    #877368
    debejipe
    Participant
    Initié WordPress
    48 contributions

    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.

    #877369
    ouistiti.net
    Participant
    Maître WordPress
    1879 contributions

    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?

    #877370
    ouistiti.net
    Participant
    Maître WordPress
    1879 contributions

    Arrf! J’ai enfin remis la main sur ce tuto  » comment maintenir les « footers » toujours au bas de votre page »

    http://www.kryzalid.net/blog/2010/06/04/au-pied-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_Enfant

    #877371
    debejipe
    Participant
    Initié WordPress
    48 contributions

    Je 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

    #877372
    ouistiti.net
    Participant
    Maître WordPress
    1879 contributions

    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 PHP

    Bref! Il faut contrôler votre fichier.

    #877373
    debejipe
    Participant
    Initié WordPress
    48 contributions

    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.

    #877374
    ouistiti.net
    Participant
    Maître WordPress
    1879 contributions
    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

    #877375
    ouistiti.net
    Participant
    Maître WordPress
    1879 contributions

    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

    #877376
    ouistiti.net
    Participant
    Maître WordPress
    1879 contributions

    @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 … 🙂

    #877377
    Guy
    Participant
    Maître WordPress
    14817 contributions

    @ouistiti.net: pas de problème c’est corrigé

    #877378
    ouistiti.net
    Participant
    Maître WordPress
    1879 contributions

    Après le Big Bug un Big Merci !!

    #877379
    debejipe
    Participant
    Initié WordPress
    48 contributions

    Effectivement. En vous remerciant big et une fois.

15 sujets de 1 à 15 (sur un total de 16)
  • Vous devez être connecté pour répondre à ce sujet.