Hacks eingebaut und nun Fehler

[Pyrofreak]

Hallo!

Habe mir jetzt mehrere Hacks eingebaut von IE5 - IE7 und nun zeigt er mir Fehler
im Stylesheet an, die ich wiedermal nicht finde...

html Code:

<!--[if lte IE 7]>

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

<![endif]-->

CSS Code:

<!--[if lte IE 7]>


/* IE 5 | 5.5 | 6 */
* html #Kopfleiste-Unten, #Titelzeile, #Hauptteil, #Inhalt, #Sprache, #Seitenleiste, #Navigation
.Navigationsüberschriften, #Oesterreich { height: 1px; }

/* IE 5 | 5.5 | 6 and 7 in quirks mode only */
* html #Kopfleiste-Unten, #Titelzeile, #Hauptteil, #Inhalt, #Sprache, #Seitenleiste, #Navigation
.Navigationsüberschriften, #Oesterreich {height /**/:1px;}

/* IE 5.5 | 6 | 7 */
#Kopfleiste-Unten, #Titelzeile, #Hauptteil, #Inhalt, #Sprache, #Seitenleiste, #Navigation 
.Navigationsüberschriften, #Oesterreich {zoom:1;}

/* IE 7 */
#Kopfleiste-Unten, #Titelzeile, #Hauptteil, #Inhalt, #Sprache, #Seitenleiste, #Navigation
.Navigationsüberschriften, #Oesterreich {min-height:0;}


<![endif]-->

Bei der CSS Validierung gibt er folgende Fehler aus:

Einlese-Fehler lte IE 7]> * html #Kopfleiste-Unten

Die Eigenschaft zoom existiert nicht : 1

Lexical error at line 21, column 3. Encountered: "[" (91), after : "<!"


Hab keinen Schimmer was das zu bedeuten hat?

[Sand*mann]

Wieso benutzt du Hacks, wenn du eh schon Conditional Comments einsetzt?!

[Pyrofreak]

Hallo Sand*mann

Danke erstmal fürs Antworten! Ich habe das ganze, da ich von Hacks wenig Ahnung habe, von einer Seite kopiert und in meine eingefügt!
Leider weis ich nicht was Du meinst?
Auf der Seite war das so angegeben, daher habe
ich angenommen, das es so geht...

Kannst Du mich bitte aufklären, was ich falsch gemacht habe?

gr Pyro

[Boris]

Als erstes mal entferne in der CSS Datei selbst die Zeilen

<!--[if lte IE 7]>

und

<![endif]-->

Das hat in einer externen CSS Datei nichts zu suchen.

Ansonsten brauchst du dieses CSS nicht zu validieren, gerade weil du ja Hacks darin zu stehen hast - diese heißen nicht umsonst "Hacks"

[Sand*mann]

Okay. Du benutzt Conditional Comments, also Browserweichen. Damit kannst du den verschiedenen IE Versionen verschiedene Stylesheets geben, um etwaige Unterscheide in der Darstellung zu beheben. Mit dieser Methode lassen sich Hacks vermeiden. Wenn du Hacks einsetzen willst, also spezielle Selektoren, die nur von gewissen Browsern verstanden werden, brauchst du keine CC.
Wichtig: CC gehören ins (X)HMTL, nicht ins CSS. Daher kommen auch die meisten deiner Fehler.
Ein Fehler kommt noch daher, dass du die Eigenschaft "zoom" verwendest. Die existiert erst seit CSS3 und kann deshalb logischerweise nicht in dem standard CSS 2.1 validiert werden. Welche Alternative du jetzt einsetzt ist abhängig davon, was du mit zoom erreichen wolltest. Aber da zoom:1; eh keine Veränderung bringt, kannstes eigentlich auch weglassen...
Richtig und sinnig ist dein Code also so:
HTML:

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

CSS:

/* IE 5 | 5.5 | 6 */
* html #Kopfleiste-Unten, #Titelzeile, #Hauptteil, #Inhalt, #Sprache, #Seitenleiste, #Navigation
.Navigationsüberschriften, #Oesterreich { height: 1px; }

/* IE 5 | 5.5 | 6 and 7 in quirks mode only */
* html #Kopfleiste-Unten, #Titelzeile, #Hauptteil, #Inhalt, #Sprache, #Seitenleiste, #Navigation
.Navigationsüberschriften, #Oesterreich {height /**/:1px;}

/* IE 7 */
#Kopfleiste-Unten, #Titelzeile, #Hauptteil, #Inhalt, #Sprache, #Seitenleiste, #Navigation
.Navigationsüberschriften, #Oesterreich {min-height:0;}

[Pyrofreak]

Danke!

Hm und was ist nun klüger, diese Conditional Comments einsetzen oder Hacks?
Denn beides geht ja nicht....
Da die CC ja im (X)Html stehen müssen haben Sie den Nachteil den Code zu verlängern oder kann man die alle in eine Zeile schreiben?

gr Pyro

[Pyrofreak]

So jetzt hab ich die Hacks reingemacht und hab grad gemerkt das er
mir dann die Seite im Firefox komplett zerlegt und deshalb hab ich sie
wieder rausgelöscht, echt ein Mist des Ganze!
Ich möchte einfach nur das er mir die Startseite im IE6 genauso anzeigt
wie im Firefox, macht er aber nicht, finde das Problem einfach nicht...

Und auf einer Unterseite zentriert er mir eine Überschrift nicht, aber nur im IE6
nicht, ist zum verrückt werden echt! (Auf der Unterseite hab ich den Fehler grad entdeckt durch
Zufall)

gr Pyro

[Boris]

Wenn du Hacks einsetzen willst, also spezielle Selektoren, die nur von gewissen Browsern verstanden werden, brauchst du keine CC.

Nö - er kann ja ein CSS via CC einbinden und darin Hacks nutzen, um die einzelnen Versionen des IE anzusprechen. Genau das macht ja sein Beispiel.

Ist an sich keine schlechte Idee, da es eh nur der IE zu sehen bekommt und man spart sich ein CSS pro Browser.

[Adromir]

Und CC sind Valide und Zukunftssicherer..

[Sand*mann]

Das finde ich irgendwie unsinnig... Wenn er die Hacks einfach ins normale Stylesheet einbindet hat er den gleichen Effekt und spart sich die zweite CSS Datei. Mister- ...

[Boris]

Wenn er die Hacks einfach ins normale Stylesheet einbindet hat er den gleichen Effekt und spart sich die zweite CSS Datei

Unsinnig ist das nicht, so bleibt das Haupt-CSS wenigstens komplett sauber für alle "braven" Browser.

Da der IE den meisten Mist macht, bekommt er seine Extrawurst halt via CC.

Man hat jetzt nur die Wahl - macht man drei verschiedene CSS Dateien für den IE5.x, IE6 und IE7 und muss dann 3x via CC einbinden, oder macht man alles in nur eine Datei und separiert darin mit den Selektor-Hacks?

[Sand*mann]

Tja...ich glaub das ist jetzt echt Ansichtssache...

[Adromir]

Ich trenne lieber sauber in 3 mehrere CSS. Dann weiß ich genauer, wo ich ansetzen muss, wenn ggf. neue Probleme auftauchen..