Hauptmenü
Browser Anpassung
Webseite einbinden
Es gibt verschiedene Möglichkeiten verschiedene
Seiten einzubinden hier mal 4 Möglichkeiten.
Einbinden mittels iframe:
<iframe src="http://www.deine Seite.de/ORDNER/SEITE.html" frameborder="0" style="width:100%;height:1000px;overflow:auto;" name="DER NAME DES FRAMES"> <p>Ihr Browser kann leider keine eingebetteten Frames anzeigen: Sie können die eingebettete Seite über den folgenden Verweis aufrufen: <a href="http://www.deine Seite.de/ORNDER/SEITE.html">SELFHTML</a></p> </iframe>
Link zur eingebundenen Seite
Höhe des Objektes
Wie dort schon steht - Der Name
Wird als Text und Link auf der Seite angezeigt falls Probleme auftreten
Einbinden mittels include:
Bei einer PHP Seite
<? include ("./Ordner falls nötig/SEITE.php"); ?>
Bei einer HTML Seite
<?php include './SEITE.html'; ?>
Es darf kein http:// oder www. davor angegeben werden!
Eine externe Verlinkung funktioniert nicht!!!
Desweiteren ist dies nicht immer möglich falls z.B. die includierte Seite noch auf andere Seiten zugreift.
Man muss halt erstmal probieren.
Einbinden per object Tag
HTML-Dokumente lassen sich auch über das object-Tag ebenso gut in ein anderes Dokument einbetten wie über ein
iframe … und das in so ziemlich allen Browsern …
So bleibt das Dokument strikt und wir können iframe endgültig als überflüssig zu den Akten legen.
Das object-Tag bekäme endlich ein ordentliche Aufgabe.
<object style="float: right; margin-left: 10px;"
data="SEITE.html" type="text/html" width="220" height="300">
<p>
Ihr Browser bietet keine Unterstützung für das Einbinden von HTML-Dokumenten über das object-Tag?
<a href="SEITEt.html"> Dann einfach hier klicken. </a>
</p>
</object>
Leider gibt es noch einen lästigen Rahmen, den der IE um das OBJECT-Element legt, sowie die Scrollleiste, von der Internet Explorer ebenfalls nicht lassen will – egal welche CSS-Eigenschaften wir dem object-Tag zuweisen.
Dieses werden wir aber los, wenn border: none; und overflow: visible für das eingebettete Dokument in das Stylesheet gesetzt wird …
in die Seite die aufgerufen wird im Head Bereich!
<style type="text/css">
body, html { border: none; overflow: visible; }
</style>
oder overflow: auto;
oder overflow: hidden;
Erläuterung:
Mit overflow: können Sie bestimmen, wie übergroße innere Elemente behandelt werden. Folgende Angaben sind möglich:
visible = Inhalt ragt aus dem Element so weit heraus, dass sein Inhalt auf jeden Fall komplett sichtbar ist.
hidden = Inhalt wird abgeschnitten, wenn er die Grenzen des Elements überschreitet.
scroll = Inhalt wird abgeschnitten, wenn er die Grenzen des Elements überschreitet. Der WWW-Browser sollte jedoch Scroll-Leisten anbieten, ähnlich wie bei einem eingebetteten Frame-Fenster.
auto = Der Web-Browser soll entscheiden, wie das Element im Konfliktfall angezeigt wird. Auch das Anbieten von Scroll-Leisten soll dabei erlaubt sein.
Beachten Sie:
Netscape 4.x beherrscht nur overflow:hidden korrekt. Der Internet Explorer bis Version 6 vergrößert bei visible das Element so weit, bis der Inhalt vollständig sichtbar ist. Opera bis Version 6 stellt auto wie visible und scroll wie hidden dar. Konqueror beherrscht die verschiedenen Angaben erst ab Version 3.4 korrekt.
Quelle: selfhtml
Damit verzichtet der IE sowohl auf den Rahmen als auch auf die unerwünschte Scrollleiste. Internet Explorer 7 und wohl auch 8 hingegen setzen den altmodischen Rahmen durch … immerhin unterdrücken die Browser wenigstens die Scrollleiste auf der rechten Seite.
Sollten Fragen aufkommen können Sie gerne mit mir Kontakt aufnehmen.
Super jetzt weiss ich wie ich eine Website einbinden kann. Vielen Dank !
juhu da ist jemand der weiß wie man die audio spur bei mozilla zum laufen bringt. Leider habe ich es immer noch nicht verstanden. ich kann zwar den Vogelgesang kopieren bekomme aber mein eigenen sound nicht rein. kannst du mir helfen. mfg olaf bockstaller.
Falls Sie einen Kommentar hinterlassen möchten können Sie dies hier machen.