• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Volles iFrame

A

apfelearth

Neues Mitglied
Ist es möglich eine Seite als volles iFrame einzubinden, sodass es genau diese Seite voll und ganzer grösse im iFrame anzeigt und alles überdeckt?
 
Kannst du den Code nennen? Es klappt bei mir nicht, geht nicht über den Rand hinaus und überdeckt die Seite nicht?? Man muss scrollen
 
Stimmt, geht nicht, es ist nicht mit HTML realisierbar.
Wenn es eine Datei ist kannst du es mit PHP probieren

Code: 
<?php
include 'index.html';
?>

Aber jeder hat eine andere BIldschirmgröße, daher evtl. irgendwie mit Java möglich, scheint aber sehr kompliziert zu sein.
 
Stimmt, geht nicht, es ist nicht mit HTML realisierbar.
Zum Vergrößern anklicken....
Ich denke schon, oder ich verstehe die Anforderung falsch?

HTML: 
<html>
<head>
<title>fake page</title>

<style type="text/css">
* {margin:0;padding:0;} 

iframe {
position:absolute;
width:100%;
height:100%;
z-index:999;
}
</style>
</head>

<body>
    <iframe frameborder="0" src="http://www.apple.com/startpage/"></iframe>
</body>
</html>
 
Dazu brauchst du kein iFrame, sondern ein ganz normales Frame, da sich ein iFrame nicht über den gesamten Viewport decken lässt.

Aber wozu das ganze? Warum nicht gleich direkt einbinden?
 
da sich ein iFrame nicht über den gesamten Viewport decken lässt.
Zum Vergrößern anklicken....
Ist das in dem obigen Beispiel nicht über den ganzen viewport?

Edit:
Ok - wenn die vorhandene Seite (die page hinter dem iframe) höher ist, als der viewport, gehts wirklich nicht, so langsam verstehe ich das Problem.
Müsste man dann per javascript anpassen, ggf gibts doppelte scrollbar etc. also hampelig.


Aber wozu das ganze? Warum nicht gleich direkt einbinden?
Zum Vergrößern anklicken....
Würde ich auch so sehen, es sei denn, man will eine fremde page einbinden.
 
apfelearth schrieb:
Ist es möglich eine Seite als volles iFrame einzubinden, sodass es genau diese Seite voll und ganzer grösse im iFrame anzeigt und alles überdeckt?
Zum Vergrößern anklicken....
HTML: 
<!doctype html>
<html>
<head>
<title></title>
<style>
html, body{
    height:100%;
    margin:0;
    padding:0
}
iframe{
    position;absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    margin:0;
    padding:0;
    border:0
}
</style>
</head>

<body>

<iframe src="http://google.de"></iframe>
</body>
</html>
 
Zuletzt bearbeitet von einem Moderator:
vast schrieb:
Würde ich auch so sehen, es sei denn, man will eine fremde page einbinden.
Zum Vergrößern anklicken....

Aber hier würde es keinen Sinn machen, die gesamte Seite so einzubinden, als wäre sie die richtige, denn das wäre ja kopiert.
Es gibt sicherlich irgendeine Aufgabe dafür, aber mir würde da jetzt nichts einfallen.

Wenn ich so auf die Webseiten von Amateur(-Fußball)-Vereinen gehe, dann sehe ich es häufig, dass die Tabellen von
Fußball.de als iFrame kopiert werden, aber selbstverständlich nicht über das ganze Bild.
 
...will nicht doof rüberkommen, struppi, aber im Prinzip ist das das gleiche wie mein Beispiel, ausser das man mit border:0 den Rahmen vom iframe leider nich weg bekommt.
 
vast schrieb:
...will nicht doof rüberkommen, struppi, aber im Prinzip ist das das gleiche wie mein Beispiel, ausser das man mit border:0 den Rahmen vom iframe leider nich weg bekommt.
Zum Vergrößern anklicken....

Bei seinem Vorschlag gibt es nur einen Scrollbalken, bei Dir 2.
Aber der </form> Tag und Struppi´s Vorschlag ist nicht notwending, wenn ich das richtig sehe oder?
 
Das Form Tag ist noch übrig geblieben. Der Unterschied sind die 100% hHöhe für das html und body Element
 
Funktioniert bei mir nicht, kommt ein kleines kästchen??? siehe bild

image.jpg
 
Struppis Code hat bei mir funktioniert.

Code: 
[COLOR=#000080]<!doctype html>[/COLOR]
[COLOR=#000080]<html>[/COLOR]
[COLOR=#000080]<head>[/COLOR]
[COLOR=#000080]<title>[/COLOR][COLOR=#000080]</title>[/COLOR]
[COLOR=#800080]<style>[/COLOR]
html, body{
    height:100%;
    margin:0;
    padding:0
}
iframe{
    position;absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    margin:0;
    padding:0;
    border:0
}
[COLOR=#800080]</style>[/COLOR]
[COLOR=#000080]</head>[/COLOR]

[COLOR=#000080]<body>[/COLOR]

[COLOR=#000080]<iframe src=[COLOR=#0000ff]"http://google.de"[/COLOR]>[/COLOR][COLOR=#000080]</iframe>[/COLOR]
[COLOR=#000080]</body>[/COLOR]
[COLOR=#000080]</html>[/COLOR]
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben