Affichage d'une animation en responsive

Hello à tutti,

J'ai un petit souci avec une animation html 5 que je ne parviens pas à afficher en full screen sur smartphone.

L'animation est prévue pour être responsive.

Elle fonctionne bien y compris sur smartphone en full screen hors site, ce que vous pouvez constater ici : https://eclairagepublic.net/anim-une-zygs/anim-test.html

En revanche, lorsque je veux l'intégrer au site sur lequel elle doit s'afficher, je ne parviens pas à lui faire prendre l'ensemble de l'écran : https://allzygs-emqh9k5kue.live-website.com.

On m'avait conseillé de l'intégrer en iframe avec un shortcode :
<iframe src="https://eclairagepublic.net/anim-une-zygs/anim-test.html"></iframe>

Et une CSS appropriée :

.tailleiframe {
overflow: hidden;
padding-top:0%;
position: relative;
}

.tailleiframe iframe {
border: 0;
left: 0;
position: absolute;
top: 0;
height: 100%;
width: 100%;

}

.is-frontend #content .sections, .is-frontend #content-holder .sections {
    margin-top:0
}

Doit y avoir un problème de CSS, mais je ne pense pas que ce soit celle de la classe ".tailleiframe".
Serait-ce celui du thème de wordpress sur lequel je suis ?

Je m'arrache les cheveux depuis ce matin et je ne saisis pas ce qui ne va pas...

Bon ok suis chauve, donc c'est pas bien grave pour les cheveux, mais j'en perds la tête, ça c'est plus embêtant...

Merci pour votre aide !
Modifié par parsimonhi (17 Nov 2024 - 16:23)

Bonjour,

1) J'ai corrigé le lien qui ne marchait pas. Il ne marchait pas à cause du point qui le suivait immédiatement. Dans un tel cas, je rappelle qu'on peut soit ne pas mettre de point, soit insérer un "lien" via l'éditeur de message en cliquant sur le mot "lien" qui est sur la ligne "Mise en forme", et on met alors l'adresse du lien 2 fois, une fois entre les bbcodes et une deuxième fois après url=.

2) Voilà ce qui arrive quand on utilise wordpress. On passe des heures à essayer de comprendre où mettre une ligne de css qui va bien.

3) Je ne pense pas qu'il soit nécessaire de mettre une iframe. Mais si on met une iframe, on teste d'abord son insertion dans une page html où il n'y a rien (sans wordpress donc, mais avec la balise <iframe>) pour savoir si l'iframe a une chance de fonctionner comme on veut.

Amicalement,