Partage
  • Partager sur Facebook
  • Partager sur Twitter

Un Iframe auto dimentionable

    3 février 2020 à 14:27:22

    Bonjour,


    Comme vous pouvez le voir sur cette page de mon site : https://www.imagiscene.com/agenda/
    J'ai un agenda dans un iframe qui s'affiche sur une page de mon site Wordpress.
    Le résultat me convient à 99,9 % MAIS il y a un truc qui est vraiment dérangeant.
    J'aimerais que la Frame prenne la taille de l'agenda dans sa versions originale (visible ici : https://www.espaceimagi.com/_agenda_/agenda.php ).
    Je veux dire par là que si l'agenda contient deux Event's je veux que la frame soit relativement courte et si l'agenda contient 20 Event's que la frame soit suffisamment longue pour afficher tous les events sans ascenseur.

    Bon évidement je me suis dit : "facile", et j'ai tenté de modifier la propriété Height.
    Je l'ai mise à 100 % --> Résultat un tout petit frame avec ascenseur qui affiche un seul évent'.

    Idem si je met auto ou inherit.

    La seule chose qui semble fonctionner c'est quand je met une valeur em ou pt mais comme la taille de mon frame varie en fonction du nombre d'event, ça ne me convient pas.
    J'ai essayé avec un include.  Même problème !

    Voici le code en place actuellement :

    <head>
    <style>
    #imgEtire{
    height : 100em;
    border : 300 px solide #CCC;
    Width : 100%;
    min-width : 20em;
    }
    </style>
    </head>
    <body>
    <iframe id="imgEtire" sandbox src="https://www.espaceimagi.com/_agenda_/agenda.php" alt=""> </iframe>
    </body>

    Si quelqu'un a une idée de comment faire un frame auto dimentionable en longueur, je suis preneur :-)

    Ah oui dernière précision, j'ai accès à la source aussi, donc s'il faut modifier le code de https://www.espaceimagi.com/_agenda_/agenda.php je sais aussi le faire.

    Merci.

    A fort bientôt.

    • Partager sur Facebook
    • Partager sur Twitter

    Un Iframe auto dimentionable

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    • Editeur
    • Markdown