15-08-2019, 10:59:11
Voilà, j'ai "normalement" corrigé tous les soucis évoqués précédemment.
Un soucis récurent venait de l'utilisation de position en "absolute" au lieu de "relative".
Le principale soucis avec ça c'est que ça nécessite de maintenir tous les éléments en absolute en fonction des tailles d'écrans.
Pour s'en sortir, la meilleur méthode (à mon sens) et d'avoir des éléments conteneur qui sont en absolue.
Je leur met un background-color pour voir les déplacements en responsive et je m'assure que le centrage est bon partout. (voir https://www.alsacreations.com/article/li...n-CSS.html quand on a des fuites mémoires ou des doutes)
Une fois ce point règlé, on ajuste tout ce qui est à l'intérieur de ces divs englobantes avec des positions en relative avec des unités en pourcentage.
Du coup, tout ce déplace en fonction du parent et y'a plus de blagues.
Comme convenue, il n'y a désormais plus aucun z-index.
Une zone de drag devant les autres mais transparente et des décors à l'arrière.
Les 2 divs ont une arborescence très proche, ce qui permet de factoriser des règles css.
J'ai factorisé encore un peu le css, supprimé un peu de dead code etc.
C'est sans doute pas parfait mais ça avance.
Un soucis récurent venait de l'utilisation de position en "absolute" au lieu de "relative".
Le principale soucis avec ça c'est que ça nécessite de maintenir tous les éléments en absolute en fonction des tailles d'écrans.
Pour s'en sortir, la meilleur méthode (à mon sens) et d'avoir des éléments conteneur qui sont en absolue.
Je leur met un background-color pour voir les déplacements en responsive et je m'assure que le centrage est bon partout. (voir https://www.alsacreations.com/article/li...n-CSS.html quand on a des fuites mémoires ou des doutes)
Une fois ce point règlé, on ajuste tout ce qui est à l'intérieur de ces divs englobantes avec des positions en relative avec des unités en pourcentage.
Du coup, tout ce déplace en fonction du parent et y'a plus de blagues.
Comme convenue, il n'y a désormais plus aucun z-index.
Une zone de drag devant les autres mais transparente et des décors à l'arrière.
Les 2 divs ont une arborescence très proche, ce qui permet de factoriser des règles css.
J'ai factorisé encore un peu le css, supprimé un peu de dead code etc.
C'est sans doute pas parfait mais ça avance.