Blog d'aide de Blog4ever

Bonjour à toutes et tous, certaines personnes ont constatés un décalage au niveau de ma 2 ème colonne
et vous que voyez vous ?
Moi je suis sur chrom et j'ai ceci ( pas de décalage par contre sur mon téléphone j'en ai un)
que faut il faire j'ai déjà vidé le cache?
Merci et bonne journée


téléphone


Dernière modification le jeudi 03 Octobre 2024 à 09:33:41

Coucou Annie 
Voilà comment je vois ton site avec google chrome

Coucou annie, 
Je n'ai pas de tel et la flemme de sortir ma tablette, mais sur mo pc sous chrome la colonne de gauche est décalée, 
Bonne journée, 

Merci Christine & Mi Neth  Moi aussi j'ai google chrome

Dernière modification le jeudi 03 Octobre 2024 à 11:09:16

J'ai fait une capture plein écran avant de vider mon cache, 

Ben après avoir vidé mon cache, ça n'a pas changé, Ta colonne es ttoujours décalée,

Coucou
Je ne suis pas sûr mais je pense que c'est dû au réglage que tu as fait pour le bas de ta page.
Je me souviens que lorsque j'avais mes 2 colonnes, à chaque fois que je faisais une modif pour le bas de ma page ou bien créer un nouveau bloc menu, il fallait que je refasse tous les réglages.
Bon courage !

Bonjour,

Sur Chrome, j'ai un décalage complet de la colonne de gauche, vers le haut, qui se retrouve à passer sous la barre de nav :



Je pense que j'ai le code CSS pour corriger ça. Je m'occupe de ça en début d'après-midi.

J'ai corrigé le CSS. Ma correction se trouve dans le CSS personnalisé, parce que c'était plus propre de centraliser le CSS dedans plutôt que de le mettre dans la bordure de page. J'ai mis en commentaires tout ce qui était dans la bordure de page pour que ça devienne inactif et reporté dans le CSS personnalisé tout ce qui était nécessaire pour garder l'aspect du menu.

J'ai modifié la méthode de positionnement en utilisant les instructions top & left, qui fonctionnent généralement mieux, plutôt que les marges qui sont plus hasardeuses au niveau des résultats d'un navigateur à l'autre.

 De mon côté, j'ai essayé ma correction sur Chrome, Firefox et Edge et ça me paraît bon. Peux-tu confirmer que le résultat correspond à tes attentes ?

Bonjour,

Voici ce que je voyais sous Chrome avant correction de @Maelyne@



Pas de décalage chez moi, juste quelques petites anomalies entre le menu latéral et le contenu, à droite il est beaucoup plus grand qu'à droite.

Sous Mozilla Firefox je vois exactement pareil que sous Chrome.

merci Flora ,
Voici de mon coté se que j'ai fais,
J'ai désinstallé google chrome, et j'ai redémarré mon ordi puis, vider aussi le cache de Microsoft Edge, re éteint, puis pose déjeuner et  réinstallé google chrome mais rien ni fais pas de décalage.
en effet il y a quelques changements dans le design, comme indique si bien NANA.
Sur mon téléphone c'est nettement mieux je suis de la même hauteur aussi.
Merci pour ta réactivité

Dernière modification le jeudi 03 Octobre 2024 à 13:42:06

de mon côté je ne touche à rien si vous voulez intervenir pour rectification MERCI

Christine, je pense qu'il y à longtemps que c'est comme ça du moins sur mon téléphone, tu pourras re vérifier stp Merci

Normalement, il ne devrait plus y avoir de décalage avec ma correction, dans tous les cas.

Le problème des marges, telles qu'elles étaient utilisées précédemment, est que cela se basait sur une valeur arbitraire en hauteur, qui avait été déterminée selon, j'imagine, la hauteur du contenu, entre la barre de navigation et le pied de page.

Si jamais il y a des variations sur la hauteur du contenu ou du menu latéral de droite, ça change le repère initial vertical du menu de gauche. Ces variations peuvent arriver pour plein de raisons : résolution d'écran, configuration du zoom système dans windows, zoom du navigateur, échelle des typos...

C'est pour ça que, dans l'idéal, utiliser top/left/bottom/right pour un élément positionné en absolu est souvent mieux car c'est moins sujet à variation contrairement aux marges. Par exemple, en plaçant un élément (#aside2) en top 0 (sous réserve que l'élément parent est en position relative), l'élément sera toujours situé exactement au point 0 vertical haut de l'élément parent (aside).

Je ne sais pas si c'est très clair :x

J'ai oublié de préciser mais je suis en train de bidouiller le CSS là.

Ocazou.

Je pense que c'est bon. C'est pas exactement pixel perfect mais les jours entre chaque colonne me paraissent à peu près équilibrés.

En fait, le gros de la difficulté à placer tout ça vient de la façon dont le CSS fonctionne, à la base, quand on l'utilise en mode par défaut. Chaque élément prend une certaine place qui varie en fonction des borders, paddings, etc. Du coup, on se retrouve à faire des maths au pixel parce que les éléments ne sont pas forcément exactement de la largeur qui leur aura été définie en width parce que la largeur réelle, en rendu dans le navigateur, inclura aussi les largeurs des borders, paddings et compagnie. Du coup, par exemple, sur un élément qu'on aura défini à 200px, avec un padding de 10px et une bordure de 2px, il prendra 214px.

Il y a une solution pour que changer le mode de calcul des largeurs par défaut, mais là, pour le cas présent, ce serait l'enfer de l'appliquer parce qu'il faudrait repasser sur l'ensemble du CSS pour tout recaler correctement.

 Flora
Voilà comment je vois le site de Annie ! C'est Nickel 

@Maelyne@

ABSOLUTELY PERFECT

De mon pc, c'est tout ok, 
Merci Maelyne, 
Je mets ce sujet en favori,