Iframe mit dynamischer höhe

[Hessing Pictures]

Hallo, ich hoffe ihr könnt mir helfen.
Ich bin auf der Suche nach einer Lösung für mein Iframe problem.
Konkret geht es darum, dass ich auf meiner Homepage (http://hessing-pictures.de/docs/portfolio.html)
folgende (http://hessing-pictures.prosite.com/) schon existierende externe Bildergalerie mittels iframe einbinden möchte. Dies funktioniert soweit auch ganz gut, bis auf die Tatsache dass ich nicht herrausfinden konnte, wie ich dem Iframe die höhe der aufzurufenden Homepage zuweise. Ich habe leider nur konkreten zugriff auf meine Homepage und nicht auf den Quelltext der zu ladenden Website und alle bisher gefundenen Lösungen unter dem Stichwort: Cross-Domain Iframe haben bisher nicht funktioniert.

Ich habe gelesen, dass in Html5 mit der Methode des window.postmassage dies möglich sein soll.
Ich hoffe hier hat jemand ne Lösung gefunden und kann mir weiterhelfen.

 

[AzRaIL]

Verstehe nicht so ganz was du möchtest. Das iFrame wird bei mir angezeigt wie es soll.

 

[Hessing Pictures]

Tach AzRaIL,
derzeit funktioniert das nur eigeschrängt, da ich die Höhe des Iframe's fix mit height="600px" angegeben habe. ich möchte allerdings eine automatische anpassung der Höhe an die Inhalte der externen seite, so dass ich keine zwei scrollbars besitze.

 

[AzRaIL]

Da ist ein overflow-y:scroll; innerhalb des iFrames.
Das müsste raus bzw. auf auto gesetzt werden.
Wenn du die Höhe Dynamisch willst kannst du das per JQuery machen indem du abfragst wie groß der Inhalt deines iFrames ist und diesen Wert dem iFrame gibst.

Code (ungetestet):

jQuery(document).ready(function() {
     var inhaltHoehe = jQuery('.template-body').height();
     jQuery('iframe').css('height',inhaltHoehe);
}

Dazu bräuchtest du aber natürlich zugriff auf deine Dateien...hast du keinen FTP zugang?

 

[Hessing Pictures]

Bei der Gallerie (www.hessing-pictures.prosite.com/) habe ich leider keinen vollen zugriff, da es sich um eine Onlinemaske von Behance (Adobe) handelt, wo man nur einzelne Module manuell programmieren kann und nicht die Möglichekeit besteht jquery-code in den Header oder an das ende vom Body zu setzten.

 

[AzRaIL]

Solltest du aber trotzdem manipulieren können.
Zb. im body Bereich deiner portfolio.html

 

[Hessing Pictures]

alles klar besten dank ich versuch mal ne entsprechende Lösung im netz zu finden.

 

[Banana_Jones]

mit Javascript wird es nicht funktionieren, solange die Seiten nicht in der selben Domain liegen.