Forum Discussion

jourdan34750's avatar
jourdan34750
Copper Contributor
Feb 15, 2024

probleme iframe intégration wordpress

when I insert the iframe code it does not display it to me in large full page

 <div class="iframe-container">
<iframe src="https://outlook.office365.com/owa/calendar/email address removed for privacy reasons/bookings/" allowfullscreen></iframe>
</div>

 

or 

<iframe src='https://outlook.office365.com/owa/calendar/email address removed for privacy reasons/bookings/' width='300%' height='1000%' scrolling='yes' style='border:0'></iframe>

 

Thank you

Calendar
office 365
  • jourdan34750's avatar
    jourdan34750
    Copper Contributor
    Feb 15, 2024

    jourdan34750 

    j'ai trouvée la solution


    <html lang="fr">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>IFrame</title>
    <style>
    body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    }
    .iframe-container {
    width: 100vw; /* 100% de la largeur de la fenêtre */
    height: 100vh; /* 100% de la hauteur de la fenêtre */
    }
    .iframe-container iframe {
    width: 100%;
    height: 100%;
    border: none;
    }
    </style>
    </head>
    <body>

    <div class="iframe-container">
    <iframe src='https://outlook.office365.com/owa/calendar/email address removed for privacy reasons/bookings/'
    width="100%" height="100%"
    scrolling="yes"
    style="border: 0;"></iframe>
    </div>

    </body>
    </html>

     

     

Resources