Warum klappt denn dieser Conditional Comment nicht ?
Ingo Siemon
0 0 Ingo Siemon
0 0
0
0
Warum klappt denn dieser Conditional Comment nicht ?
Ingo Siemon
Hallo
Ich möchte für den IE5 und IE5.5 einen speziellen CSS-Code machen.
Nun habe ich im <head>-Bereich meiner Seite folgendes gemacht:
<link rel="stylesheet" type="text/css" media="screen" href="Test-11.css" />
<!--[if lt IE 7]><style type="text/css">@import url(Test-11-IE.css);</style><![endif]-->
<!--[if lte IE 5.5]><style type="text/css">@import url(Test-11-IE5.css);</style><![endif]-->
"Test-11.css" ist die normale CSS-Datei.
"Test-11-IE.css" ist eine CSS für alle IEs.
"Test-11-IE5.css" ist eine CSS für alle IEs klener/gleich IE5.5
Und da ich die auch genau so in der Reihenfolge da stehen habe,
müsste die letze die erste doch gegebenenfalls überschreiben.
Der Code, um den es mir dabei nun geht ist folgender:
In der "normalen" CC-Datei (Test-11.css):
p, h1, h2 {
background: #004559;
margin: 0 auto 7px;
border: 1px solid #fff;
padding: 5px;
width: 498px;
text-align: left;
}
In der CSS-Datei für IEs kleiner/gleich 5.5 (Test-11-IE5.css):
p, h1, h2 {
background: green;
width: 510px;
}
Demnach müssten doch unter anderem im IE5 und 5.5 die
Bereiche <p>, <h1> und <h2> einen grünen Hintergrund haben
oder nicht?
Es will aber nicht funktionieren und ich verstehe nun nicht weshalb.
Wenn Ihr mir einen Denkanstoss geben könntet, wo denn da nun
mein Fehler steckt, würde ich mich freuen.
Gruß
Ingo
-
Hi,
<!--[if lte IE 5.5]>
Du hast tatsächlich einen IE5.50000 ?
Schau Dir http://de.selfhtml.org/css/layouts/browserweichen.htm#alternative nochmal an.
Und beachte, daß CCs in StandAlone Versionen nicht ohne weiteres funktionieren, weil die Versionsnummer vom System bezogen wird.freundliche Grüße
Ingo-
Lieber Ingo
<!--[if lte IE 5.5]>
Du hast tatsächlich einen IE5.50000 ?
Schau Dir http://de.selfhtml.org/css/layouts/browserweichen.htm#alternative nochmal an.Ahhh, ich verstehe. Nun klappts auch mit denm IE5 und IE55.
Danke für den Hinweis.Und beachte, daß CCs in StandAlone Versionen nicht ohne weiteres
funktionieren, weil die Versionsnummer vom System bezogen wird.Yep, mit den in StandAlone Versionen teste ich auch nicht.
Ich mache das immer mit BrowserCam.
Nun bin ich soweit, dass meine Seite auf allen zig Browsern
bei BrowserCam gleich ausschaut.
Die einzigen Ausnahmen sind die 4er IEs und die 4er Netscapes.
Aber die kann man doch sicher einfach mal ignorieren,
oder was meinst Du?Gruß
Ingo-
Hi Ingo!
Die einzigen Ausnahmen sind die 4er IEs und die 4er Netscapes.
Aber die kann man doch sicher einfach mal ignorieren,Solange sie funktionstüchtig bleibt.
MfG Hopsel
--
"It's amazing I won. I was running against peace, prosperity, and incumbency."
George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)-
Lieber Hopsel
Die einzigen Ausnahmen sind die 4er IEs und die 4er Netscapes.
Aber die kann man doch sicher einfach mal ignorieren,Solange sie funktionstüchtig bleibt.
Naj, funtioniern tuts schon, aber das ganze CSS-Layout
ist natürlich voll in die Binsen gekloppt.Ich hatte vor, dafür evtl. einfach nur ein ganz simples
Stylesheet zu erstellen, nur für Hintergrund und Schriftfarbe oder so.Was ddenkst Du?
Gruß
Ingo
-
-
Hi,
Die einzigen Ausnahmen sind die 4er IEs und die 4er Netscapes.
Aber die kann man doch sicher einfach mal ignorieren,4er IEs: Ja. 4er Netscapes würde ich das CSS einfach vorenthalten.
freundliche Grüße
Ingo-
Lieber Ingo
4er IEs: Ja. 4er Netscapes würde ich das CSS einfach vorenthalten.
Ja, ich hatte vor, für die 4er Browser ein ganz einfaches
StyleSheet zu machen, welches nur die Hintergund uns Schriftfarbe
angibt. Also eben eifach das, was diese Browser eben auch in CSS beherrschen.Gruß
Ingo-
Hi,
Ja, ich hatte vor, für die 4er Browser ein ganz einfaches
StyleSheet zu machen, welches nur die Hintergund uns Schriftfarbe
angibt. Also eben einfach das, was diese Browser eben auch in CSS beherrschen.genau. Es darf auch ein bisschen mehr sein als nur Schriften und Farben. Schau Dir mal diese Seite, an der ich gerade arbeite, im NN4 an. Da ist deutlich mehr übrig, als die übliche "Textwüste" und hat sogar noch etwas Ähnlichkeit mit dem normalen Erscheinungsbild. Übrigens findest Du hier auch (leider nicht zu umgehende) getrennte Hacks für IE6, IE 5.5 und IE5.0x.
Wenn man das "moderne" CSS über @import einbindet, hat ein über link eingebundens Basis-CSS ja auch noch den Vorteil, daß die Seite während des Ladens im IE nicht kurzzeitig style-los dargestellt wird.
freundliche Grüße
Ingo
-
-
-
-
Hallo,
Schau Dir http://de.selfhtml.org/css/layouts/browserweichen.htm#alternative nochmal an.
Fall das jetzt jemandem auffallen sollte, die Fehler:
[if gte IE 5.5]: alle Version ab 5.5 (greater-than or equal = kleiner oder gleich),
und
[if lte IE 5.5999]: alle Version bis 5.5 (less-than or equal = größer oder gleich),sind bereits bekannt und mit der nächsten Version behoben.
Grüße
Thomas
-
-
Hallo Ingo,
<link rel="stylesheet" type="text/css" media="screen" href="Test-11.css" />
<!--[if lt IE 7]><style type="text/css">@import url(Test-11-IE.css);</style><![endif]-->
<!--[if lte IE 5.5]><style type="text/css">@import url(Test-11-IE5.css);</style><![endif]-->[/code]So sollte es auch klappen:
<link rel="stylesheet" type="text/css" media="screen" href="Test-11.css" />
<!--[if lt IE 7]><link rel="stylesheet" type="text/css" href="Test-11-IE.css"><![endif]-->
<!--[if lt IE 6]><link rel="stylesheet" type="text/css" href="Test-11-IE5.css"><![endif]-->Ansonsten kannst du hier mit dem Versions-Test bei Multi-IE mal die conditional comment
im Beispielcode vergleichen.
Ausserdem eignet sich die Seite zum Test von Standalone IEs, dazu beschreibt sie die
Möglicheit den Version Vector bei XP zu verändern und auch conditional comments mit
den IEs einzusetzen.Grüsse
Cyx23
-
Hallo Cyx23
So sollte es auch klappen:
<link rel="stylesheet" type="text/css" media="screen" href="Test-11.css" />
<!--[if lt IE 7]><link rel="stylesheet" type="text/css" href="Test-11-IE.css"><![endif]-->
<!--[if lt IE 6]><link rel="stylesheet" type="text/css" href="Test-11-IE5.css"><![endif]-->Ja, das tut es natürlich auch.
Vielen Dank für Deine Hilfe.Gruß
Ingo
-