27312 sujets

CSS et mise en forme, CSS3

Bonjour,
J'ai intégré un formulaire de plusieurs étapes Google dans une iframe, le soucis est que je n'arrive pas à ce que la hauteur de l'iframe se modifie automatiquement selon la hauteur de l'étape du formulaire.
Par exemple l'étape 1 fait 1700px de haut mais l'étape 2 ne fait que 1200px, hors elle garde 1700px pour s'afficher.

<div>
<p align="center">
<iframe src="https://docs.google.com/forms/d/e/le_formulaire_google/viewform" width="640" height="1700"></iframe>
</p>
</div>


Si je vire le height ou que je le met en auto, l'iframe s'affichera au strict minimum.

Idem si je retire le width,.

Les 2 cumulés la page n'est plus responsive du coup...

Un petit coup de pouce svp, merci d'avance.
Modifié par lordbdp (28 Aug 2020 - 17:33)
Modérateur
Bonjour Lordbdp,

Ce n'est pas possible de redimensionner automatiquement la hauteur du iframe selon la hauteur du contenu de l'iframe provenant de Google Form.

Si la source du contenu de l'iframe venait d'un site dont tu avais le contrôle, il serait possible de passer des messages (ex.: avec Window.postMessage) entre les deux sites pour redimensionner automatiquement le iframe, mais ce n'est pas le cas ici.
Modifié par Tony Monast (28 Aug 2020 - 22:29)
Meilleure solution