Page qui bouge avant d'être fixe

[dm61]

Bonjour,
Ca fait un moment que ça pose problème, sur mon forum, lorsqu'on va sur un sujet la page descend et monte une ou deux fois avant de se poser, je pense qu'il y a un problème de taille en hauteur?
j'ai remarqué que le body n'avait pas la même taille que le conteneur, la différence c'est la toolbar mais lorsqu'on va sur un sujet blog, la page ne bouge pas et les tailles sont équivalentes,
par contre sur les sujets des différents forums, il y a une différence entre la taille du body et du conteneur, je suppose que c'est là qu'est le problème, comment je peux corriger ce défaut?
merci de vos réponses

[MlleAlys]

Bonjour,
Je n'ai pas trouvé de sujet accessible aux invités, mais voilà une hypothèse :
Cela peut venir du temps de chargement des images : la page est affichée sans les images et le navigateur s'aligne, et puis les images mettent un peu plus de temps à être chargées. Du coup, si c'était une image qui prend de la place verticalement, ça décale le contenu de la page.
Un moyen d'éviter cela en partie est d'indiquer dans le code de l'image la hauteur qu'elle doit prendre à l'affichage : le navigateur pourra anticiper avant son chargement.

[dm61]

Bonjour MlleAlys,
Je viens de décocher le code qui empêche de lire les sujets,
et dans le panneau admin je n'avais rien de rempli dans le redimensionnement des images, je viens de  remplir les deux cases mais le problème est toujours là.
L'autre jour j'ai suivi les recommandations pour avoir une page qui se charge plus vite : https://forum.forumactif.com/t395155-temps-de-chargement-des-pages-tres-tres-longs
et j'ai compressé toutes mes images avec https://tinypng.com/
ensuite j'ai trouvé un compresseur pour les css  http://www.cssdrive.com/index.php/main/csscompressor
et mes pages se chargent un peu  plus rapidement (malgrès que j'ai trop de code javascript, et sans doute trop de witget)
par contre j'ai tjrs ce problème de page qui bouge sur les sujets

édit :  pour visualiser ce que je veux dire par rapport à l'écart dans les dimensions voici 4 copies d'écran quand on fait examiner l'élément  sur ce sujet et sur un sujet de mon forum :

Spoiler:

re-édit : je viens d'enlever le redimensionnement des images dans le panneau admin car ça me mettait la pagaille dans ce sujet : http://agri-occitanie.forumactif.org/t670p300-jeu-le-mot-le-plus-long#11721 et les lettres ne bougeaient plus
et j'ai remis le css comme il était sans compression

[Walt]

Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.

[dm61]

Bonjour,
je n'ai peut peut être pas fait de up, je n'aime pas déranger
mais le problème est toujours là malgré que vous ayez corbeillé mon sujet sans avertissement,
et c'est un peu embêtant donc j'aurais aimé qu'on m'apporte une solution

https://forum.forumactif.com/t395203-page-qui-bouge-avant-d-etre-fixe#3307554

[dm61]

up

[dm61]

up
je remets ici la demande d'aide vu que le sujet n'a pas été sorti de la corbeille :

Spoiler:

Le problème n'est toujours pas résolu

[Chacha]

je remets ici la demande d'aide vu que le sujet n'a pas été sorti de la corbeille :

Bonjour,

En cliquant sur le lien déplacé à la corbeille contenu dans le message de fermeture, vous auriez eu la marche à suivre : demander par MP à un membre du staff de replacer le sujet :

Si votre sujet a été délesté, faute de ne plus avoir reçu de réponse de votre part depuis plus de 7 jours, vous pouvez adresser un MP à un membre du staff en précisant l'adresse du sujet, et en demandant sa restauration. Tout commentaire agressif supplémentaire est superflu, auquel cas le staff se réserve bien évidemment le droit de refuser le replacement d'un sujet, en complément d'une éventuelle sanction.

=> Le sujet est replacé.

Cordialement.

[dm61]

Bonjour,

En cliquant sur le lien déplacé à la corbeille contenu dans le message de fermeture, vous auriez eu la marche à suivre : demander par MP à un membre du staff de replacer le sujet [...]

=> Le sujet est replacé.

Cordialement.

Bonjour,
Merci d'avoir replacé le sujet,
et mes excuses si j'ai été désagréable
par contre je n'avais pas vu qu'il fallait faire la demande par mp

[dm61]

up
je suis déçue car là je viens de passer une heure à compresser tous les icônes du forum  navigation, sujet et messages
et c'est tjrs presque pareil , il y a un peu de mieux mais sur les sujets la page monte, descend puis se stabilise , c'est pas normal

[Lixyr]

Bonsoir,

Pourrais-je avoir le lien de votre forum, et au préalable, le lien d'un sujet dans lequel nous pouvons visionné ce petit décalage ?

[dm61]

Bonsoir,

Pourrais-je avoir le lien de votre forum, et au préalable, le lien d'un sujet dans lequel nous pouvons visionné ce petit décalage ?

Bonsoir Lixyr,
alors voilà le lien du forum http://agri-occitanie.forumactif.org/

et un sujet au hasard, mais il faut être connecté pour s'en rendre compte car en invité on le voit moins : http://agri-occitanie.forumactif.org/t656p750-suite-logique

et par contre je viens de voir que ça ne le fait pas sous IE, mais c'est sous Firefox que ça pose problème
merci pour votre aide

[Lixyr]

Bonsoir,

A priori ça bouge en fonction de l'affichage de la toolbar. Je vois que vous avez des erreurs JS. Pouvez-vous désactiver les JS le temps de voir si le soucis persiste ?

(ps : vous noterez que ce phénomène d'ascenseur pendant le chargement de la page existe aussi ici, sur le FDF. ^^)

[dm61]

Bonsoir,

A priori ça bouge en fonction de l'affichage de la toolbar. Je vois que vous avez des erreurs JS. Pouvez-vous désactiver les JS le temps de voir si le soucis persiste ?

(ps : vous noterez que ce phénomène d'ascenseur pendant le chargement de la page existe aussi ici, sur le FDF. ^^)

Bonsoir,
je viens de désactiver les js
et en désactivant la toolbar ça ne le fait pas du tout, mais si je la remets ça le fait plus ou moins  
(ici la page est beaucoup plus fluide, sur le mien il y a beaucoup d'appel de chargement dont je ne sais pas trop à quoi ça correspond comme  rubiconproject ou google ad service, et puis il y a les wittgets calendrier lunaire ou radio locale qui sont longs à charger, le bouton connect facebook sans doute aussi ainsi que l'oiseau de twitter qui survole la page, et dans la toolbar j'ai peut être mis trop de modifications

[dm61]

petit up

[photoclic]

Bonsoir,

j'ai le même problème que vous sur mon forum depuis bien longtemps.
Cela se produit sur les sujets. Sur un sujet lorsqu'il est affiché en partant du bas de page, c'est à dire quand on y accède par "voir le dernier message".

J'ai fait des tas de manips, en retirant par exemple les JS les uns après les autres, mais sans succès.
La seule chose est que moins il y a de JS, moins ça le fait longtemps.

Pour moi cela vient donc du fait que le forum est très chargé.

Le phénomène est visible même en tant qu'invité car le forum est ouvert aux invités. Seuls quelques JS sont inactifs pour les invités et dans ce cas le phénomène est présent mais moins visible vu qu'il y a moins de JS actifs.
Un lien d'un sujet où il y a plusieurs messages ici: http://photoclic.forum-pro.fr/t19457-la-bonbonne#259634

[dm61]

Bonjour,
@photoclic, oui effectivement ça semble être plus un problème lié à firefox et ça le fait sur tous les forums,
le truc c'est que dès qu'un code me plait j'aime bien le tester ou le mettre en place sur le forum mais je n'ai pas la technique pour héberger ailleurs ou alléger, donc ensuite je supprime au bout de quelques temps et j'essaye de conserver que le "minimum"  
@Lixyr, avant de mettre en résolu j'attends que vous me disiez  si les quelques erreurs js que vous avez détecté sont minimes ou s'il faut corriger, merci de votre attention
(ps : j'ai re-activé les js, et si besoin je les re-désactiverai)

[Lixyr]

Bonjour,

Pour l'erreur JS, je vois une petite erreur correspondant à ce script :

jQuery(document).ready(function(){jQuery('a[href^="/post?f=f11 mode=newtopic"]').attr('href', 'http:

mais je ne saurais vous dire ce que c'est. Après je doute que ça puisse fluidifier l'effet que vous ne souhaitez pas sur votre forum.

Comme dit plus haut, si vous avez une tonne de scripts sur votre site, c'est normal qu'il mette du temps à charger !

dès qu'un code me plait j'aime bien le tester ou le mettre en place sur le forum

Et c'est une très mauvaise idée ! Les scripts ne doivent être utilisés que parce qu'ils sont utiles, non parce qu'ils sont jolis ! Le meilleur conseil que je puisse vous donner est de faire le ménage, pour alléger votre forum.

[dm61]

Bonjour,

Pour l'erreur JS, je vois une petite erreur correspondant à ce script :

jQuery(document).ready(function(){jQuery('a[href^="/post?f=f11 mode=newtopic"]').attr('href', 'http:

mais je ne saurais vous dire ce que c'est. Après je doute que ça puisse fluidifier l'effet que vous ne souhaitez pas sur votre forum.

Comme dit plus haut, si vous avez une tonne de scripts sur votre site, c'est normal qu'il mette du temps à charger !

dès qu'un code me plait j'aime bien le tester ou le mettre en place sur le forum

Et c'est une très mauvaise idée ! Les scripts ne doivent être utilisés que parce qu'ils sont utiles, non parce qu'ils sont jolis ! Le meilleur conseil que je puisse vous donner est de faire le ménage, pour alléger votre forum.

Bonjour,
je viens de trouver, c'est un code qui date un peu, c'est lié à un formulaire portugais qui permettait de poster des inscriptions sans passer par google forms
je viens de le désactiver car on ne s'en sert plus mais le système était pas mal :

Code:

jQuery(document).ready(function() { jQuery('a[href^="/post?f=f11
mode=newtopic"]').attr('href', 'http://agri-occitanie.forumactif.org/h4-repas-en-corse-du-sud'); });

ça donnait ça : http://agri-occitanie.forumactif.org/t390-invitation-repas-en-corse-du-sud?highlight=repas+corse
et je l'avais trouvé ici :

http://ajuda.forumeiros.com/h15-



pour les autres codes, j'ai supprimé le widget avertissement admin, il ne fonctionnait plus et j'avais détourné la fonction pour poster les réponses dans notre jeu "le mot le plus long" (j'ai mis un code css à la place)
ensuite j'ai surtout les 2 codes sur la toolbar et la bannière aléatoire mais je tiens à les conserver, tout comme l'oiseau de twitter qui survole le forum
puis il y a quelques codes sur les sujets comme les boutons j'aime, le formulaire de présentation, et dans  l'éditeur un
qui rajoute 3 ou 4 fonctions comme le dico, des smileys en plus ou un hébergeur d'image pour le jeu késakoi (les photos postées sous imgbb sont introuvables avec la recherche image google)
puis je n'ai juste qu'un code qui modifie le mot invité et qui le colore, c'est quand même plus joli
et ensuite le code des publication de neptunia que je tiens à conserver, ainsi qu'un bouton sur quelques sujets que j'avais trouvé sur le forum de Philippe
le reste des codes sont désactivés même s'ils sont conservés dans la liste

avant de mettre en résolu j'aurais bien aimé corriger le code du formulaire (on sait jamais si un jour on le ré-utilise)

en tout cas merci beaucoup d'avoir donné de votre temps  

[Lixyr]

Code:

jQuery(document).ready(function() { jQuery('a[href^="/post?f=f11&mode=newtopic"]').attr("href", "http://agri-occitanie.forumactif.org/h4-repas-en-corse-du-sud"); });

Je pense que comme ça, c'est bon. Il faut faire attention à ne pas passer de ligne dans les codes JS ! Donc sélectionnez bien le code en cliquant sur copier-coller, et non pas en le sélectionnant vous-même !

Pour les autres codes, si vous souhaitez les conserver, du coup partez du principe que ça peut ralentir le chargement de vos pages, et créer quelques petits soucis esthétiques comme la page qui remonte ou redescend à la fin du chargement.

Pour la toolbare, un code pourrait peut-être aider à ce que le contenu ne bouge pas, mais je ne l'ai pas testé donc c'est vraiment à titre d'essai ! A rajouter dans le CSS :

Code:

body { padding-top: 30px !important; }

body #fa_toolbar {
position: absolute;
top: 0;
}

[dm61]

oh merci beaucoup pour le code css de la toolbar ça fonctionne super bien !!

je mets en résolu