iFrame nachträglich vergrößern

lachender_engel · 13.08.2013

Hallo, Zusammen.

Vor folgendem Problem stehe ich und hoffe, mir kann hier jemand einen Ansatz zur Lösung geben. Ich habe derzeit keine Idee...

In eine umgesetzte Webseite eines Kunden muss ich ein iframe einbinden. Das sieht so aus:

HTML:

  <iframe src="http://domain.tld/xyz" width="750" height="800"></iframe>

Nichts kompliziertes. Nur, habe ich dabei zwei Probleme:
1.) Die eingebundene Seite enthält ein Formular, das ein Ergebnis liefert. Oftmals ist die Liste der Ergebnisse länger als vorher definierte Höhe. Dadurch entsteht ein Scrollbalken innerhalb der Seite (und verwirrt den User).
2.) Die restliche Seite ist als adaptive Design angelegt. Doch das iframe passt sich der veränderten Größe nicht an. Wenn ich die breite und Höhe in % ausgebe klappt bekomme ich keine angepasste Ausgabe. <span style="mso-ansi-language:EN-US" lang="EN-US">Also so:

HTML:

  <iframe src="http://domain.tld/xyz" width="80%" height="100%"></iframe>

Nun meine Frage, ob jemand eine Idee hat, wie ich die Größe des iframe zum einen an den ausgegebenen Inhalt anpasse und zum anderen dynamisch an die Seitengröße?!

Ach ja, noch was: Die im iframe eingebundene URL kann ich auch direkt aufrufen (nur dann ist es eben eine "vollständige" HTML-Seite. Ich habe nichts Hilfreiches gefunden, ob ich eine HTML/PHP-Seite in einen DIV-Container laden kann. Geht so etwas?

Hoffe, mir kann hier jemand Tipps zur Lösung geben.

Vielen Dank vorab!

Isometric · 13.08.2013

AW: iFrame nachträglich vergrößern

Hast du "min-height" schon ausprobiert?

limubai81 · 13.08.2013

AW: iFrame nachträglich vergrößern

Du könntest auch die eingebundene Seite per PHP auslesen und bei dir wieder ausgeben lassen.

Duddle · 13.08.2013

AW: iFrame nachträglich vergrößern

Ach ja, noch was: Die im iframe eingebundene URL kann ich auch direkt aufrufen (nur dann ist es eben eine "vollständige" HTML-Seite. Ich habe nichts Hilfreiches gefunden, ob ich eine HTML/PHP-Seite in einen DIV-Container laden kann. Geht so etwas?

Das wäre dann AJAX. Du kannst damit Dokumente anfordern, als ob sie der Nutzer normal per Klick aufgerufen hätte, aber die Daten holt sich eben ein Script. Du kannst dabei (zumindest bei jQuery) sogar angeben, ab welchem Knoten du das HTML willst, d.h. <head> usw. ignorieren und nur den Inhalt holen. Dann trägst du diesen in ein leeres <div> und der Browser zeigt es normal an.

Duddle