Hilfe: iframe height anpassen funktioniert nicht

  • Ich habe folgendes Problem.

    Ich möchte ein iframe einbinden (weiß dass das nicht die schickste Variante ist aber Frameset dürfte noch schlimmer sein?), doch die Höhe stimmt trotz Angabe 100% oder automatic nie (entweder ist viel zu viel Platz oder der Inhalt des Iframes wird abgeschnitten).

    Dann bin ich auf folgenden Tipp gestoßen:

    in die header.php meines themes nach den meta-Infos:

    <script type="text/javascript">
    // Dynamic Iframe loader
    function loadIframe(theURL) {
    document.getElementById("mainContent").src=theURL;
    }

    // resizes Iframe according to content
    function resizeMe(obj){
    docHeight = mainContent.document.height
    obj.style.height = docHeight + 'px'
    }
    </script>

    Und dann den Aufruf des iframes in der home.php mittels

    <iframe id="mainContent" name="mainContent" onload="resizeMe(this)"
    src="http://xxxx" width="100%" scrolling="no" marginwidth="0"
    marginheight="0" frameborder="0"></iframe>

    Aber das funktioniert leider nicht..

    Hat jemand eine Idee?

    Danke!

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Die Plugins lösen leider nicht das Problem der variablen Höhe meines iframes, da ich hier die height immer fest definieren muss.

    Auch alte Foreneinträge zu dem gleichen Thema hatten keinen Rat.

    Kennt jemand eine Lösung bzw. ein Plugin welches dieses Problem löst?

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!