28124 sujets

CSS et mise en forme, CSS3

Bonjour
Le rendu d'un site n'est pas correct avec Firefox et est correct avec le navigateur Brave (~chromium sur Linux) :

MAJ:
https://pic.infini.fr/gallery#UpPpYKmZ/e4XQYqBc.png, o6ZJow5P/iT1jydfz.png

Je mets le site sans http pour éviter les robots sur un site de test
preprod2.altius.fr/fr/
Fichier css :
preprod2.altius.fr/media/templates/site/astroid_template_zero_altius/css/ancien-site2.css

Je pense que le problème vient de l'intérieur d'un code CSS réalisé il y a plus de 8 ans et qui a l'air de ciblé Mozilla.
Je ne suis pas webdesigner et normalement cela ne rentre pas dans le cadre de mon travail, c'est pour rendre service et comprendre sans y passer des heures.
Voyez-vous ces éléments potentiels à problèmes pour Firefox?

Bonne journée
Modifié par HDcms (14 Sep 2023 - 15:05)
salut
qu'est ce qui n'est pas correct ?
j'ai la même chose sur brave safari et FF
upload/1694688625-47649-capturedaeacran2023-09-14aa12.png
Modifié par drphilgood (14 Sep 2023 - 12:50)
Bonjour

Je remets le lien avec 2 images ;Peut-être j'ai eu un problème ?
https://pic.infini.fr/gallery#UpPpYKmZ/e4XQYqBc.png, o6ZJow5P/iT1jydfz.png


Il faut regarder, par exemple, la page accueil. Brave est correct, pas Firefox 116/ubuntu23.04
* slider est plus petit
* décalage sur le drapeau suisse ou parfois absent
Modifié par HDcms (14 Sep 2023 - 15:08)
Modérateur
Bonjour, le problème vient de
.sp-page-builder .page-content #section-id-1692627434384 {
   …
   max-height: 600px;
}

Le slider semble calculer des hauteurs dynamiquement, et le container ne laisse pas suffisament d'espace pour son affichage Smiley smile
Meilleure solution
Bonjour
Yordi a écrit :
Bonjour, le problème vient de
.sp-page-builder .page-content #section-id-1692627434384 {
   …
   max-height: 600px;
}

Le slider semble calculer des hauteurs dynamiquement, et le container ne laisse pas suffisamment d'espace pour son affichage Smiley smile

Cette remarque m'a bien aidé, même si j'ai mis longtemps à comprendre car ce n'était pas dans mes css; J'ai fais une modif dans un paramètre de l'extension de joomla