IFrame responsive und zentriert

  • Hallo!

    Ich möchte ein Inlineframe (IFrame) einbinden. Richtig, es gibt kostenlose Generatoren. Leider habe ich nicht das Passende gefunden. Der IFrame soll responsive und zentriert in der Websitemitte sein. Leider habe ich keine Programmierkenntnisse. Kann jemand den HTML- Code erstellen?

    Vielen Dank für Antworten

    [COLOR=#000000][FONT=Arial, sans-serif][size=10]willi008[/SIZE][/FONT][/COLOR]

    • 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

  • Responsive und Iframe widersprechen sich. Du solltest dir was anderes einfallen lassen

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

  • Responsive und Iframe widersprechen sich. Du solltest dir was anderes einfallen lassen

    Nicht zwangsläufig. Wenn der Inhalt komplett Fluid ist oder man selbst Zugriff auf den Content (postMessage) hat, geht das schon.

    Aber für die allermeisten Fälle hast du Recht :)

  • Der linke und rechte Rand des Iframes soll 130px von der jeweiligen Bildschirmkante entfernt sein. Wenn ich left=130px festlege, bleibt die Kante auch auf kleinen Bildschirmen bestehen und passt sich nicht automatisch der Verkleinerung an. Was jemand dazu Rat?

    Viele Grüße,

    willi008

  • Habe beide Seiten durchgelesen. Aber als absoluter Anfänger bekomme ich nicht heraus wie oder welche Media Queries ich nun verwenden soll. Hat jemand eine Idee?

    Viele Grüße,

    willi008

  • Hallo!

    Ich habe vom Programmieren keine Erfahrung. Die Webseite um die es geht ist http://www.flyradar.org Oben sehen Sie das IFrame, das noch zu weit links ist und wo die Höhe nicht 100% ist. Um das Iframe zu zentrieren damit es mit dem unter Teil links und rechts abschließt suche ich eine Lösung. Wenn ich bei dem IFramecode bei left: 134px eingebe ist es auf meinem Bildschirm mit dem unteren Teil bündig. Aber dieser Rand bleibt bei kleineren Ausgabegeräten starr bestehen. Das ist das Problem. Vielleicht liegt im folgenden Link eine Lösung? https://wiki.selfhtml.org/wiki/CSS/Anwen…r.C3.B6.C3.9Fen

    Viele Grüße,

    willi008

  • Die Webseite um die es geht ist http://www.flyradar.org Oben sehen Sie das IFrame, das noch zu weit links ist

    Genau genommen ist es lingsbündig und der Rest der Seite zentriert. Da wird die Lösung mit einem festen Abstand links icht viel bringen.

    Versuch es mal so:

    Dem Div, das den iFrame umschließt, gibts du eine Klasse. Z.b. Class="iframe-wrap".
    Dann ergänzt du folgende CSS Regeln unter "zusätzliches CSS":


    und wo die Höhe nicht 100% ist.

    Was meinst du damit? Höhe 100% bedeutet, so hoch wie das Browser-Fenster. Soll das so sein?

Jetzt mitmachen!

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