• Résolu Décalage du contenu (taille écran)


    Lundi 25 Mars 2019 à 00:32
    Amber Flynn

    Salut à tous!

    J'ai fais l'acquisition d'un nouveau ordinateur un peu plus grand 17¨ alors que j'avais un 15¨ quand j'ai créer mon blog. J'ai donc remarqué un petit soucis depuis que j'ai une version plus large. J'ai un décalage de contenu lorsque je diminue la largeur de la fenêtre ou que je me connecte sur un ordinateur plus petit. 

    J'aimerais savoir s'il existe un code qui pourrait me permettre de rendre le contenu fixe sur toutes les écran? J'ai vu que sur mes blogs favoris le problème n'existe pas. Lorsque je diminue ma fenêtre le contenu de leur blog suit simultanément le fond. J'aimerais en faire autant. Si quelqu'un veut bien m'aider, ça me rendrait une service. Merci

    Mon blog: http://yumenodrama.kazeo.com/

    Mardi 26 Mars 2019 à 21:27
    stormalo

    bonjour,

    essayer en modifiant le css  comme indiqué sur cette image:

    Mercredi 27 Mars 2019 à 21:09
    Amber Flynn

    merci! J'ai enlevé ce qui avait dans la première image et supprimé le width: 800px sur l'autre mais comme j'avais déjà un margin-left, j'ai modifié la valeur. 

    Maintenant, mon soucis, c'est que je n'ai plus de décalage mais j'aimerais que le tout soit pleine page comme ici: http://kaly-no-sora-ni.ek.la/partenariat-g177512 et qu'également le fond ne se décale pas lorsqu'on réduit la fenêtre. 

    Si vous avez un code également pour ça svp, ça me rendrait heureuse.

    Mercredi 27 Mars 2019 à 21:54
    stormalo

    L'image de fond est totalement unie, pourquoi ne pas la remplacer par un fond coloré #C5C8DB ?

    Il y a beaucoup trop de css ajouté pour ma compréhension du positionnement.ouch

     

    Mercredi 27 Mars 2019 à 22:06
    Amber Flynn

    en fait, tu es censé voir un rectangle bleu et un design dans les tons de gris sur les côtés donc selon moi il n'est pas si uniforme que ça...

    aww? J'ai prit des codes css un peu partout sur les blogs en LS donc je trouvais que ça fonctionnait bien sur mon pc 15" mais je sais pas, depuis que j'ai mon pc 17.3" on dirait que les codes ne sont plus aussi bons qu'ils en avaient l'air avec mon autre pc et puis certains visiteurs se plain que justement le blog est en décalage et ça fait une semaine qu'on me dit d'ajouter tel code d'enlever tel code et le problème persiste. J'aimerais avoir un affichage comme pour le blog de Kaly (http://kaly-no-sora-ni.ek.la/partenariat-g177512). Peu importe la largeur de l'écran, il donne toujours aussi bien au niveau de l'affichage. Il reste intact peu importe la largueur de l'écran..

    Jeudi 28 Mars 2019 à 08:07
    Pipiou

    Bonjour,

    le souci quand on prend "des codes css un peu partout" c'est qu'on finit par ne plus s'y retrouver, quand ça crée pas de conflits entre codes, d'un navigateur à l'autre.

    j'ai réduit le zoom de ta page pour voir l'ensemble, ça donne ça (clic)

    des fonds différents et des largeurs différentes, ça donne une impression de cadrages un peu ratés. (j'ai dit "un peu" :)  

    sur le blog que tu cites en exemple, il y a seulement des contours/encadrements (de contenu), le contenu + le menu occupent la largeur de la page. Et... il y a beaucoup moins de "fonds" différents.

    C'est à mon avis une simple question de réglages dans Apparence Modifier le thème : Il te faut recalculer ta page : largeur contenu + largeur menu + espaces (à droite, à gauche, etc.) et (au cas où)  éviter de mélanger pixels et pourcentages.

    et faire du tri dans le css ajouté, ça devrait s'arranger sans souci  ;)

     

    Jeudi 28 Mars 2019 à 10:14
    stormalo

    bonjour,

    L'image de fond que j'évoque est celle-ci:
    http://ekladata.com/V8mgM12B7jpSGxLyVblbClgwQE0/fond4.jpg
    Cette image est en fond de fenêtre et se répète.
    Quand on fait un zoom c'est l'affichage du blog qui change
    Le fond actuel du blog est transparent.

    Le css c'est comme les ingrédients pour un cuisinier.
    S'il récupère des éléments de recette un peu au hasard pour confectionner un plat, celui ci peut devenir indigeste. smile

    Jeudi 28 Mars 2019 à 17:46
    Amber Flynn

    Pourtant, je n'avais pas ce problème avec mon autre pc. tout était nickel...je comprend vraiment pas....

    Sinon comment je fais pour arranger tout ça parce que je voudrais vraiment quelque chose comme Kaly mais dans le style que j'ai déjà. J'ai vu plusieurs blog qui ressemble à ce que je veux et c'est ce que j'avais avant de changer de pc mais là, je commence vraiment à regretter ma migration...

    Je connaissais rien au CSS avant. J'ai pris des codes de LS déjà existant que j'ai modifié à ma façon à force d'en connaître les propriétés. J'ai demandé à certaine personne comment faire pour avoir une bannière plus grande que 400 ko et qui ferait toute la page comme leur blog mais la réponse que j'ai eu c'est pour l'instant tu es débutante, du coup, il faudrait te contenter de faire des trucs de bases. Mais je voulais vraiment quelque chose qui tape l'oeil. Ça me dérange vraiment que je ne puisses pas y arriver alors que les autres peuvent le faire aisément sans problème. 

     

    Éditer: j'ai fais les modifications que Pipiou m'a conseillé de faire donc normalement vous devriez voir ceci: 

    Si ce n'est pas le cas, est-ce que j'ai oublié quelque chose parce que pour vrai c'est le design que je veux donner à mon blog.

    Jeudi 28 Mars 2019 à 20:55
    stormalo

    Entre ton ancien PC et le nouveau, l'écran n'a pas la même taille et probablement pas la même résolution (densité de pixels), et le problème devait être visible pour d'autres.

    Fais cet essai: Dans Apparence > Modifier le thème > Format du blog > Fond, et là tu mets une couleur au fond de page (au lieu du rien actuel) ou bien une image quelconque avec le style "Mozaïque".

    Ensuite observe en utilisant le zoom en + ou en -. et tu verras que ce qui est lié à la fenêtre n'est pas lié à la page du blog,  (Le point zéro de la fenêtre est fixe et le point zéro de de la page est mobile avec le zoom)

    Le défaut actuel n'a probablement rien à voir avec le code css mais avec le placement de l'image

     

    Vendredi 29 Mars 2019 à 00:22
    Amber Flynn

    Oui j'ai fais l'essaie je trouve que l'effet est mieux maintenant qu'il est dans les paramètre et non dans le css. 

    Merci vraiment de votre aide!




    Ce sujet est verrouillé. Vous ne pouvez donc pas poster de nouvelles réponses.