Iframe klappt zu 
Autor: Ukraine.report .
Besucht 521,
Followers 1,
Geteilt 0
hi ich habe dein Seiteneinbau der Seite mit dem Generator für Iframe gut geschafft. In der Vorschau stimmt alles.
Aber im Netz schrumpft es :(
Hier der Code den ich vewendete:
<script>
function setIframeHeight() {
var iFrameID = document.getElementById('iframe');
if(iFrameID) {
iFrameID.height = "";
iFrameID.height = iFrameID.contentWindow.document.body.scrollHeight + "px";
}
}
</script>
<iframe src="https://ekiwi-blog.de" name="iframe" id="iframe" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" height="600" width="100%" onload="setIframeHeight();">
</iframe>
ich fügte ihn da ein:
aber es sieht dann so aus:
https://seeme.denkbewegungen.net/forum.html
was kann der Fehler sein :)?:(
Gepostet am
Hallo: Die Höhe ist im Skript nicht angegeben.
height = "600"
<script>
function setIframeHeight() {
var iFrameID = document.getElementById('iframe');
if(iFrameID) {
iFrameID.height = "600";
iFrameID.height = iFrameID.contentWindow.document.body.scrollHeight + "px";
}
}
</script>
<iframe src="https://ekiwi-blog.de" name="iframe" id="iframe" scrolling="no" frameborder="0" marginheight="0px" marginwidth="0px" height="600" width="100%" onload="setIframeHeight();">
</iframe>
(Google tranlate)
Der andere Fehler, den ich sehe, ist, dass Sie nicht scrollen können.
Ich habe den Code korrigiert, um den Prozentsatz der Höhe in den Bildschirmen und nicht in Pixeln zu verwenden.
Ich würde es so verwenden...
<script>
function setIframeHeight() {
var iFrameID = document.getElementById('iframe');
if(iFrameID) {
iFrameID.height = "60%";
iFrameID.height = iFrameID.contentWindow.document.body.scrollHeight + "px";
}
}
</script>
<iframe src="https://ekiwi-blog.de" name="iframe" id="iframe" scrolling="auto" frameborder="0" marginheight="0px" marginwidth="0px" width="100%" onload="setIframeHeight();">
</iframe>
Die Höhe des Iframes wird vom Skript auf 60 % des Bildschirms festgelegt.
Der Iframe zeigt an, dass 100 % der Breite des Bildschirms verwendet werden.
Und Auto-Scrolling zeigt an, dass der Inhalt der Seite gescrollt werden kann.
Autor
danke aber ich kann da nicht scollen - habe es jetzt auf 5000 gesetzt dann geht es - vielen Dank für den Hinweis.
Autor
vom Autoscrolling wird abgeraten:
Responsiver Iframe
Für einen responsiven IFrame sollten die Bildlaufleisten deaktiviert und die Breite in Prozent angeben sein. Die Vorschau auf dieser Seite kann abweichen.
https://ekiwi.de/tools/smalltools/iframemaker.php
Diesen Generator finde ich am Besten - weil er auch Einstellung für responsives Design hat.
Wenn ich die Bildlaufleiste aktiviere - wird er wieder klein - leider
Aber bei 5000 mit diesem Skript geht es
<script>
function setIframeHeight() {
var iFrameID = document.getElementById('iframe');
if(iFrameID) {
iFrameID.height = "5000";
iFrameID.height = iFrameID.contentWindow.document.body.scrollHeight + "px";
}
}
</script>
<iframe src="https://ekiwi-blog.de" name="iframe" id="iframe" scrolling="yes" frameborder="0" marginheight="0px" marginwidth="0px" height="5000" width="100%" onload="setIframeHeight();">
</iframe>
Danke für die Hilfe :)
...Nein! ... das elastische IFRAME kann nicht funktionieren, da die von Ihnen importierte Seite keine Seite Ihrer Website oder Ihrer Domain ist und daher das <SCRIPT> ...nicht funktioniert....
... was Sie alternativ tun könnten, ist einfach diesen IFRAME-Code zu verwenden:
<iframe id="iframeK" src="https://ekiwi-blog.de" frameborder="0" marginheight="0" marginwidth="0" height="600" width="100%" style="position:absolute;height:100%" >
</iframe>
... oder feste Höhe zuweisen, zum Beispiel:
<iframe id="iframeK" src="https://ekiwi-blog.de" frameborder="0" marginheight="0" marginwidth="0" height="7000" width="100%" >
</iframe>
...!... oder Sie können EXTRA media-query CSS-Code verwenden, um die Höhe an verschiedenen Haltepunkten anzupassen (breakpoint)...!...
.
ciao
.
Autor
genau mitfester Höhe funktiioniert es ich nahm 5000 zb 7000 ist auch gut
danke für die Tipps von Euch