iframe bei responsive design

  • Hallo zusammen

    Ich möchte meine Homepage auf ein responsive design umstellen. Benutze die Version 13. Auf einer Seite möchte ich ein iframe einfügen, welches sich je nach Bildschirm- und Seitenbreite anpasst. Der Inhalt den ich anzeigen möchte ist responsive fähig. Wie kann ich das machen, ohne eine feste Grösse für das iframe (Widget) einzugeben?

    Gruss Dani

  • Hallo,

    da können wir vermutlich nachbessern. Bis dahin versuchen Sie bitte mal folgenden CSS-Code.

    • Klicken Sie im Menü Website auf "Einstellungen"
    • Klicken Sie auf CSS
    • Fügen Sie folgende Textzeilen (ohne Überschrift und ohne Zeilennummern – am besten über das Dokumente-Icon rechts oben im Quellcode-Kasten kopieren) in das Feld "CSS" ein und schließen Sie den Dialog dann mit Klick auf "OK"
    CSS
    <style>
    	iframe, object, embed, 
    	.zpwIFrame, .zpwFacebook_Like-Button, .zpwFacebook_Like-Box{
    		max-width: 100%;
    		overflow: auto;
    		-webkit-overflow-scrolling:touch;
    }
    </style>


    Anschließend müssen Sie evtl. Ihre Seiten neu erstellen (Erweitert > Erstellen > Alle Seiten erstellen) und ggf. veröffentlichen.

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

Jetzt mitmachen!

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