iFrame Höhe Automatisch anpassen

  • Hallo Leiebe Zeta-Team,

    habe folgendes anliegen, http://www.gencair.com den mittleren iframe habe ich manuell auf 1280x3000 angepasst, aber wenn ich z. B. Griechische Inseln öffne versteckt sich der Inhalt in der iframe, aber bei http://reisen.bigxtra.de//pauschalreise…w/0k/0k/0k/ref-[1008]/5437cf6a3dbf9 oder http://bigxtra.de/mietwagen.html ist dies nicht so.

    desweiteren, wenn wir die Homepage per smart-Phone z. B. iPhone öffnen passt sich dies nicht an und versteckt sich ebenfalls in der iframe

    bitte um Lösung muss ja nicht Widget: iFrame sein geht über Widget: Quelltext.

    habe folgende script, aber geht nicht ;(

    <script type="text/javascript"> var framefenster = document.getElementsByTagName("iFrame"); var auto_resize_timer = window.setInterval("autoresize_frames()", 400); function autoresize_frames() { for (var i = 0; i < framefenster.length; ++i) { if(framefenster[i].contentWindow.document.body){ var framefenster_size = framefenster[i].contentWindow.document.body.offsetHeight; if(document.all && !window.opera) { framefenster_size = framefenster[i].contentWindow.document.body.scrollHeight; } framefenster[i].style.height = framefenster_size + 'px'; } } }</script>

    vielen Dan kfür Ihre mithilfe.

    mfg
    GENCAIR.com

  • Hallo,

    BigXtra scheint mir den Code nicht per iFrame eingebunden zu haben, daher verhält es sich dort anders.
    iFrames dürfen nur innerhalb der gleichen Domain per JavaScript verändert werden (das müssten wir nutzen um die iFrame Höhe zu ändern). Das geht in diesem Fall aber nicht, da der Inhalt Ihres iFrame ja aus einer anderen Domain stammt.

    Ich vermute also, dass BigXtra die Daten auf einem anderen weg direkt einbindet.

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Hallo,

    ich kann es ihnen leider nicht sagen, wie BigXtra den Reise-Code eingebunden hat. Das kann ich in deren Quellcode nicht erkennen.

    Darstellung auf Smartphones:
    Ein iFrame ist nichts anderes als ein "Fenster" auf eine andere Website. Wenn diese Website dann z.B. nicht korrekt dargestellt wird, liegt die Ursache immer bei der Website, die Sie im iFrame laden. Das kann z.B. ein Grund für die schlechte Darstellung auf mobilen Endgeräten sein, aber auch die fixe Breitenangabe eines iFrames (versuchen Sie bei Breite lieber mal "100%").

    In Ihrem Fall ist es aber so, dass die eingebundene Seite schlicht nicht im responsive Design gemacht ist, sich also nicht an die Bildschirmgröße anpasst. Das können Sie ja sehen, wenn Sie den Link direkt auf einem Smartphone aufrufen (da ist dann Zeta Producer nicht mit im Spiel).

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Verstehe, versuche mal paar Experimente, aber wenn ich ein anderes Layout auswähle z. B. Stripe Responsive, würde das Problem denke ich mal weiterhin bleiben?
    haben Sie eine Quelltext für die 100%, weil direkt iFrame kann ich keine 100% eintragen !

  • Hallo,

    nein, eine Layoutänderung würde nichts bringen, da das Problem ja bei der anderen Site liegt.

    Wenn Sie die iFrame Breite in "%" angeben möchten, dann müssen wir das leider über einen Quelltext-Artikel machen.

    Fügen Sie einen neuen Quelltext-Artikel auf einer Seite ein.
    Geben Sie dem Artikel dann den folgenden Inhalt:

    <iframe src="http://1000000310000000.reisesuche.de/pauschalreise/" name="iframe" style="width: 100%;" width="100%" height="3000" frameborder="0" scrolling="auto"></iframe>

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • Hallo,

    ich hatte ja schon erwähnt, dass die schlechte Darstellung auf Smartphones bereits vom Inhalt des iFrames abhängt. Das wird durch die 100% breite leider nur marginal besser. Dan können wir aber an unserem Ende nichts ausrichten, der Content kommt ja nicht von uns.

    Wie demo.reisesuche den Code einbindet kann ich in deren Quellcode ebenfalls nicht erkennen. Vielleicht weiß ja der Anbieter des Codes (den Sie im iFrame laden) hier rat?

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

  • OK Vielen Dank nochmals für Ihre Mühe.

    Wünschen Ihnen und dem Zeta_Team nochmals einen wohl verdienten Feierabend und schönen Wochenende.

Jetzt mitmachen!

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