HTML-Dokumente einbinden via object-Tag
Fast als wär’s ein iframe
HTML-Dokumente lassen sich ü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="object.html" type="text/html" width="220" height="300">
<p>
Keine Unterstützung für das Einbinden von HTML-Dokumenten über das object-Tag?
<a href="object.html"> Dann ab und zu Fuß auf die andere Seite. </a>
</p>
</object>
Den lästigen Rahmen, die IE 6 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 – werden wir los, wenn border: none; und overflow: visible für das eingebettete Dokument in das Stylesheet gesetzt wird … nicht in die aufrufende Datei wohlgemerkt, sondern in die aufgerufene Datei.
body, html { border: none; overflow: visible; } // oder overflow: auto;
// oder overflow: hidden;
Damit verzichtet IE 6 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.






Hey, bastel gerade an einer erneurung an meiner website uhatte bereits in der alten version das massiv nervende problem mit dem rahmen im object und ich muss sagen ICH BIN DIR ZU TIEFST DANKBAR das ich endlich al nach 2 jahren eine möglichkeit gefunden habe diesen kleinen kosmetischen fehler im IE zu unterbinden.
DAAAAAAANKEEEEEEEEE o heiliger DAAAAAAANKEEEEEEEEE
lg das Akki
Kommentar von Akki — 10. Januar 2010 @ 00:43