Browser

IE 7 und der Rahmen beim object-Tag


Rahmenlose Einblicke in andere HTML-Dokumente … aus Vom Fotorezeptor zum Farbrezeptor

Wenn HTML-Dokumente oder Bilder mit einem object-Tag in die Seite geladen werden, beharrt IE 7 auf seinen 3D-Rahmen. Da hilft keine CSS-Regel – weder im aufrufenden noch im via object-Tag aufgerufenen Dokument.

In IE 6 konnte der Rahmen noch unterdrückt werden. Gegen den 3D-Rahmen des object-Tags in IE 7 hilft am Ende noch der Quirks Mode der eingebundenen HTML-Datei für IE 7. IE 6 konnte noch mit dem <xml>-Prolog vor dem DOCTYPE-Tag in den Quirks Mode versetzt werden – bei IE 7 gilt das nicht mehr.

Aber ein HTML-Kommentar nach dem <xml>-Prolog und vor dem DOCTYPE-Tag bringt dann auch IE 7 wieder in seine alte (nicht-Standard-konforme) Fassung.


Quirks Mode für IE 7
<?xml version="1.0"?>
<!-- ie7 quirks mode -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
        "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Nicht jedermanns Sache – das eingebundene Dokument so mir nichts dir nichts in den Quirks Mode zu versetzen. Das Dokument bleibt valides HTML, alle anderen Browser sind nicht betroffen. Alles eine Frage der Anwendung …

Die Scrollleisten beim object-Tag werden mit einem bedingten Kommentar für IE6/IE7 ausgeschaltet.


Kommentare

  1. Hallo MediaIndianer…

    geht aber doch; und sogar noch ein bisschen einfacher (allerdings nur getestet unter IE7, FF3, Safari3):

    <object style="background-color:#FFFFFF; overflow: visible;" classid="\\&quot;clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\\&quot;" data="http://www.quadmarkt.info/rss1/rss_150_2.htm&quot;
    type="text/x-scriptlet"
    width="180" height="450" id="QuadMarkt">
    <object style="float: left; background-color:#FFFFFF; overflow: visible;"
    data="http://www.quadmarkt.info/rss1/rss_150_2.htm&quot; type="text/html" width="180" height="450">
    <p>
    Keine Unterstützung für das Einbinden von HTML-Dokumenten über das object-Tag?
    <a href="http://www.quadmarkt.info/rss1/rss_2.htm&quot; target="_blank"> Dann ab und zu Fuß auf die andere Seite. </a>
    </p>
    </object>
    </object>

    Ich hoffe, dass man es so lesen kann. Es gibt leider keine Vorschau.

    Zur Sicherheit nochmal unkodiert:

    Keine Unterstützung für das Einbinden von HTML-Dokumenten über das object-Tag?
    Dann ab und zu Fuß auf die andere Seite.

    Wichtig ist speziell für den IE die Classid (inkl. backslashundquotsemicolon) und v.a. der Type text/x-scriptlet

    Im Übrigen: diese RSS-Feeds dürfen – vorausgesetzt es werden keine inhaltlichen Änderungen vorgenommen – auf allen (kom. und priv.) eingesetzt werden.

    Hoffe damit jemandem geholfen haben zu können.

    Liebe Grüße aus Wien!

    Ingmar

    @admin: bei falscher Eingabe der Tags bitte richtigstellen oder ein Mail an mich mit Änderungserläuterungen. cu.

    Kommentar by Ingmar — 16. Juni 2009 @ 22:29

  2. Hallo nochmal!

    Da ich erst nach dem Senden prüfen konnte, wie sich das Einfügen des Codes ausgewirkt hat, hier eine kleine Korrektur:

    Die Classid steht jetzt oben so:

    classid="\\&quot;clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\\&quot;"

    muss aber natürlich so aussehen:

    classid="\&quot;clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\&quot;"

    Änderung: nur einfache Backslash vor und nach der clsid!

    Mit doppelten funktioniert es nicht.

    Liebe Grüße nochmal…

    Ingmar

    Kommentar by Ingmar — 16. Juni 2009 @ 22:35

  3. Danke für den link, hilft mir auf jeden fall weiter.

    Kommentar by micheal sommer — 18. Juni 2009 @ 10:37

  4. Habe jetzt erst mal Zeit gefunden, mich wieder hier zu kümmern … und auch ausprobiert. Aber zurzeit will IE 6 das Objekt dann gar nicht mehr anzeigen.
    Ulrike

    Kommentar by admin — 25. Juli 2009 @ 12:12

   
Erholung: Wandern und Skifahren in Südtirol

Die beste Entspannung für den langersehnten Urlaub in Südtirol: Wandern in Südtirol

bg-turm.gif

Der Reschensee mit der versunkenen Kirche ist das Wahrzeichen der Region in Tirol.

Vacanze in montagna al lago Resia

Copyright © 2000 - 2010 Media Engineering Alle Rechte vorbehalten
Design + Programmierung Media Engineering Ulrike Häßler • Impressum und Nutzungsbestimmungen