Warum web-Seite geladen in einem iFrame hat kein css angewendet, die in Internet Explorer 7

Ich habe eine web-Seite, die eine Menge CSS-Code in es. Ich benutze ein iframe zu laden. Es arbeitet perfekt auf fast jedem browser, aber auf IE version 7 ohne CSS überhaupt angewendet wird. Wenn ich öffnen Sie die Seite in einem separaten tab unter IE7 funktioniert es, aber es iframe noch eine Zeile CSS wird nicht angewendet?

Kann jemand mir ein paar Tipps geben, von wo aus starten die Suche?

Jede helpwill geschätzt werden.

EDIT: Die Haupt-web-Seite hat folgenden doc-type:

!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"

Ich bin nicht sicher, ob es stimmt, aber ich habe gelesen, dass der strenge doc-Typ könnte Probleme mit iframe auf älteren Browsern. Könnte dieser brach das css des Rahmens?

  • Zur Beantwortung deiner letzten Frage...ja, könnte es. iframes sind nicht in der strict-doctype. Versuchen Sie es mit "transitional" oder " nur mit html5 kurzen Stil. Bis dahin können Sie versuchen, etwas, das gebrochen wird, die ohne Grund und nur hoffen, dass der Browser es für Sie reinigen.
  • Kannst du einen link?
  • Bitte teilen Sie den link zu Ihrer website. Wir können helfen, es zu lösen, wenn wir können neu der Fehler hier.
  • Ich bin wirklich Leid, aber ich bin nicht erlaubt zu teilen, den link wegen der Sicherheit Fragen, und ich weiß, dass dies macht die situation zu einer Art von lächerlich, da Frage ich Sie, um zu helfen, etwas zu reparieren, dass Sie nicht in der Lage, um zu sehen. Ich selbst habe keinen Zugriff auf den code selbst, und was ich hoffe ist, dass jemand getroffen hat das gleiche Problem und lösen es.
  • Welche mime-Typ wird der css-Anfrage serviert mit?
  • wenn Sie mit absoluten oder relativen Pfad für stylesheets? haben Sie versuchen base tag? dies könnte Sinn machen, support.microsoft.com/kb/937266
  • Welches Protokoll (z.B. "http" oder "https") ist der iframe geladenen Webseite durch, und was ist das Protokoll der css-Referenz innerhalb des iframe? Wenn die Webseite ist https, dann wird die css geladen werden muss, aus dem gleichen server über https sowie. Obwohl es scheint, dies würde zu Problemen führen, mehr als nur den IE7.
  • kannst du Beispiel-code, Beispiel auf jsfiddle.net mit dummy-Inhalt?

InformationsquelleAutor gotqn | 2012-12-06
  1. 3

    Versuchen 

    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>

    Ich gelöst mit diesem.

    • Diese sollte gesetzt werden, in der iframe Seite auf der Seite, die Kiste in den iframe?
    • Ich muss hinzufügen, auf beiden Seiten - die eine, die hält das iframe und die, die im iframe geladen aber nichts hat sich geändert.
    • Dank gotqn für die Annahme von mir in bounty...hab Sie entwickeln freetibet.org? Ich bin aus Indien und support...
    • Nein, ich bin nur ein supporter :- ]
    • Gute Seite.......
    InformationsquelleAutor Jigar Pandya
  2. 3

    CSS-Informationen nicht-Kaskade in iframe. Sie müssen hinzufügen von CSS-Referenzen auf der Seite in dem iframe. Einige der Möglichkeiten, um CSS in eine Seite gehören:

    Mit einem style-tag

    <style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>

    Mit iframes, die Sie kopieren müsste dies immer und immer wieder. (Nicht empfohlen)

    Ref: http://www.w3schools.com/tags/tag_style.asp

    Mit einem Verweis auf eine style sheet -

    <link rel="stylesheet" type="text/css" href="theme.css">

    Mit iframes würden Sie kopieren Sie einfach den link Artikel in Ihrem <head> Bereich der Seite

    Ref: http://www.w3schools.com/tags/tag_link.asp

    Dies ist nicht ein IE7 Sache. Dies ist für alle Browser, die CSS unterstützen

    • Meinst du ich muss eine Kopie der CSS-Klassen von der web-Seite, die im frame geladen, um die Haupt-web-Seite? Und warum dies funktioniert nicht nur im IE7?
    • Es gibt (mindestens) zwei Wege, um die css-Informationen in eine Seite.
    • Ich glaube, Sie haben mich missverstanden. Die Seite, die ich lade, im Rahmen eigenen Stile, und wenn es geöffnet wird als separate Seite, die Formatvorlagen sind eingeblendet. Wenn es geladen ist, in-frame, die Stile werden nicht angezeigt. Und dies ist der Fall, nur im IE7.
    • In diesem Fall sollten Sie versuchen, die "X-UA-Compatible" Sache
    InformationsquelleAutor James A Mohler
  3. 2

    1)hoffentlich iframe-tags richtig geschlossen

    <IFRAME SRC='gnagna.htm' STYLE='width:100%;'></IFRAME>

    Breite festlegen mit css
    oder

    <iframe src="somepage.htm"  frameborder=0 scrolling="auto" width="800" height="600"> This browser can not use IFRAME. </iframe>

    2) vielleicht versuchen Sie es mit diesen 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    oder 

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">

    3)

    Können Sie erzwingen, Ie7-Kompatibilität, indem diese im head-Bereich

    <head>
<meta http-equiv="X-UA-Compatible" content="IE=7" />
</head>

    oder

    schneller Weg ist, fügen Sie die folgende Zeile .htaccess

    Header set X-UA-Compatible IE=EmulateIE7

    4)

    oder wenden Sie css-styling-hack für ie7/ie6

    .somediv
{
height:30px;
*height:30px; //hack for ie7 
_height:30px; //hack for ie6
}

    hoffe es hilft

    InformationsquelleAutor Parag
Schreibe einen Kommentar