Blätter-Katalog einbinden mit iFrame

Hallo Zeta-Community

Ich tue mich schwer, mit der Einbindung eines Blätterkataloges welcher mir zur Verfügung gestellt wird.

Zitat von Orbis-Partner

Den aktuellen ORBIS-Katalog 2016/2017 stellen wir Ihnen weiterhin als digitalen Blätterkatalog zur Verfügung; in einer optimierten und Tablet geeigneten Version.
Dazu bieten wir Ihnen den Blätterkatalog zur direkten Einbindung in ihre eigene Website an. Dazu nutzen Sie bitte die HTML-Funktion <iframe>. Der Verantwortliche für Ihre Website wird wissen was zu tun ist. Als Hilfestellung geben wir den gesamten Code der zur Einbindung notwendig ist mit.
<iframe src=http://www.orbis-partner.com/katalog/2016/ch_de“ width=1010” height=830”></iframe>
Mit der Katalog-URL http://www.orbis-partner.com/katalog/2016/ch_de können Sie den Blätterkatalog vor Ort direkt auf einem Tablet oder Notebook Ihrem Kunden präsentieren.
Diese
URL können Sie als ORBIS-Partner uneingeschränkt nutzen. Aufgrund der rechtlichen Grundlagen sollte die Katalog-URL nicht direkt verlinkt werden, da sonst keinerlei Verweise auf den Betreiber, Impressum usw.vorhanden sind. Bitte beachten Sie, dass wir darüber hinaus keine weitere technische Hilfestellung dazu bieten können.

Die Katalog wird unter http://www.orbis-partner.com/katalog/2016/ch_de auch mobil sehr gut angezeigt, nicht aber, wenn ich diesen eingebunden habe.

Folgende Test-Seiten stehen zur Verfügung:

Auf dieser Seite http://ermashop.cyon.link/preview-domain/katalog.php, habe ich oben den Katalog eingefügt über das iFrame-Widget, mit obigen Angaben. Auf der selben Seite, unterhalb, habe ich es eingefügt über das Quelltext-Widget, mit

<iframe src="http://www.orbis-partner.com/katalog/2016/ch_de" name="iframe" style="width: 100%;" width="100%" height="830" frameborder="0" scrolling="auto"></iframe>

Als dritten Versuch habe ich es noch in eine Seite eingefügt, mit Template:

http://ermashop.cyon.link/preview-domain…mittemplate.php

Hier habe ich ebenfalls den Quellcode mit width: 100% und height: 830 verwendet.

Kann sich das mal jemand anschauen, ob sich das mobil verwenden lässt, oder was ich ändern kann/soll?

Danke Euch allen und weiterhin schöne Ostern

Danke Thomas

Beim Direktaufruf des Orbis-Katalogs geht die "Werkzeugleiste" über den ganzen Bildschirm und bleibt oben und unten stehen, auch wenn ich den Katalog zoome.

orbis-partner.com/katalog/2016/ch_de

Auch wenn ich das Fenster zoome, passt sich das perfekt an.

Bei mir ist nur ein Teil des Bildschirms benutzt und die Werkzeugleiste verschwindet.

Ich habe jetzt mal alles Andere entfernt und die 2 Varianten erstellt, mit festen Massen (width: 100% und height: 830)

http://ermashop.cyon.link/preview-domain/katalog.php

und mit Breite100%/Höhe 830

http://ermashop.cyon.link/preview-domain…e100prozent.php

Gibt es da noch Pro und Kontra?

Die Variante mit dem Template (metro responsive) lasse ich schon mal weg.

Werd ich versuchen, danke!

Hallo Thomas

Danke, ich hab es jetzt noch nach Marios Anleitung versucht.

Gefällt mir besser, von den Abständen her, allerdings scheint es kleiner zu sein, als mit der Variante 100%.

Auf dem Handy sieht beides nicht gut aus, das ist klar.

@Mario:
- Bei der Variante 100prozent wechselt der Blätterkatalog auf Einzel-Seiten-Anzeige, wenn es zu klein wird, bei deiner Variante nicht. Kann ich da noch etwas einstellen?
- Wenn bei der Variante 100prozent die Ränder um den Katalog nicht so riesig wären, sondern wie bei deiner Variante, wäre das auf Handy oder Tablet nutzbar.

http://ermashop.cyon.link/preview-domain…e100prozent.php

http://ermashop.cyon.link/preview-domain/katalog.php

http://ermashop.cyon.link/preview-domain/katalog-mario.php

Vielen Dank für die Hilfe!

PS: Eben noch was festgestellt, bei der Variante 100% und der Variante "Katalog" funktioniert der Vollbildmodus nicht?! Bei der Variante Mario schon!