iframe (in Elementor) erstellen

  • Hallo zusammen.

    Derzeit integriere ich Teile meiner alte statischen WebToDate-Seite in einigen Fenstern.
    Läuft derzeit nicht sicher.
    Wäre toll, wenn ihr mir Tipps zur Fehlerkorrektur und sauberen Codes geben könntet :-)

    Hier mein Code
    <iframe
    src= "https://xxx/index.htm"; //xxx ... steht für Subdomain und Ordner, das klappt gut
    width="100%";
    height="400";
    </iframe>

    Frage1: Sobald ich eucf einer Seite ein iFrame eingebe, wird die Seitenleiste nicht richtig, oder gar nicht angezeigt. Viele Tests zeigen das es am iFrame-Code liegt. Habt ihr eine Erklärung dafür?
    Frage2: Nun habe ich in Elementor keinen Unterschied zw. den Widget "Texteditor", "Shortcode" und "/HTML" festgestellt. HTML finde ich etwas leichter zu verstehen...
    Frage3: Ob mit oder ohne Schlussbefehl </iframe> scheint egal zu sein. Keine Unterschied erkennbar beim Weglassen. Habe ich eine veraltete Code-Struktur im Kopf?
    Frage4: Auch ";" oder nicht scheint egal zu sein. Keine Unterschied erkennbar beim Weglassen.
    Frage5: Egal was ich in "width" eintrage (auch ohne % als px) immer werden 100% angezeigt.

    | Win10 | FireFox | WP | Neve | befreitemusik . de |

    • 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

  • PS:

    Hallo zusammen.
    ...Sobald ich eucf einer Seite ein iFrame eingebe, ...


    Egal welche Seite ich im iFrame einbette! Bei YouTube und andere Seiten verschwindet auch die Seitenleiste.
    Auch habe ich ein iFrame aus der Seitenleiste entfernt > leider keine Verbesserung

    | Win10 | FireFox | WP | Neve | befreitemusik . de |

  • Poste den genauen Code, den Du einfügst, im obigen Code fehlt ein [FONT=Courier New]>[/FONT] Zeichen und es sind dort überzählige [FONT=Courier New];[/FONT] Zeichen. Weiterhin einen Link zur genauen Seite, wo Du Deinen Code einfügst, damit sich das mögliche Helfer ansehen können.

    2 Mal editiert, zuletzt von b3317133 (3. September 2023 um 16:07)

  • Hi.
    Das ist der genaue Code! Kein weiteres ">". Kein Unterschied ob ich Widget "Texteditor", "Shortcode" und "/HTML" nutze.
    Die "//" sind nur Bemerkungen in diesem Forum.

    Ob ";" überhaupt nötig sind gehört zur Frage 4. Weglassen macht keinen Unterschied im Frontend. Alte/überflüssige Schreibweise?

    | Win10 | FireFox | WP | Neve | befreitemusik . de |

  • JA, das wars - DANKE! - Jetzt klappts einwandfrei.

    <iframe
    src= "https://xxx/index.htm";
    width="100%";
    height="300";
    >
    </iframe>

    ";" kann ich auch alle weglassen - kein Unterschied!

    zu Frage2: hat irgend ein Widget "Texteditor", "Shortcode" und "/HTML" in diesem Fall vorteile? Ich nutze gerade "/HTML".
    zu Frage5: Warum ist es egal welcher Wert in "width" eingestellt ist? Deuernd wird die volle Breite im Back- und Frontend angezeigt

    | Win10 | FireFox | WP | Neve | befreitemusik . de |


  • Die "//" sind nur Bemerkungen in diesem Forum.

    Missverständnisse tauchen auf, wenn Codes nicht richtig eingefügt werden. Dafür gibt es einen Button:

  • Danke für den Hinweis - habe ich gesucht, aber nicht gefunden - hatte alles nichts mit "//" zu tun

    | Win10 | FireFox | WP | Neve | befreitemusik . de |

  • gültiger HTML Code sieht anders aus
    https://www.w3schools.com/tags/att_iframe_height.asp
    https://validator.w3.org/


    zu Frage2: hat irgend ein Widget "Texteditor", "Shortcode" und "/HTML" in diesem Fall vorteile? Ich nutze gerade "/HTML".

    ich habe mir ein Shortcode Plugin für meine iframes geschrieben, da ich an den Parametern vermutlich Änderungen durchführen muss. Ich binde über íframes 3d Welten Web XR Inhalte selten ein.



    zu Frage5: Warum ist es egal welcher Wert in "width" eingestellt ist? Deuernd wird die volle Breite im Back- und Frontend angezeigt

    Die eingebettete Seite wird in einem rechteckigen Bereich mit einer Breite von 100% und einer Höhe von 300 Pixeln angezeigt

    Mit offenen Augen träumen

Jetzt mitmachen!

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