Seite 1 von 1
Frage zum Quelltext
Verfasst: 23.07.2011, 15:25
von web334
Was bedeutet eigentlich das folgende im Quelltext?
Code: Alles auswählen
<!--[if IE 6]>
<html id="ie6" dir="ltr" lang="en-US">
<![endif]-->
<!--[if IE 7]>
<html id="ie7" dir="ltr" lang="en-US">
<![endif]-->
<!--[if IE 8]>
<html id="ie8" dir="ltr" lang="en-US">
<![endif]-->
<!--[if !(IE 6) | !(IE 7) | !(IE 8) ]><!-->
<html dir="ltr" lang="en-US">
<!--<![endif]-->
Verfasst: 23.07.2011, 17:06
von Andreas I.
Das sind sogenannte conditional comments, die funktionieren im Internet Exploder und damit kann man z.B. Browserweichen realisieren. Hier sind 3 IE-Versionen und alle "Nicht-IE" berücksichtigt.
Dazu gibt es dann meistens je ein passendes CSS.
Edith fügt noch hinzu, dass das letzte conditional comment nicht sehr geschickt formuliert ist.
Verfasst: 23.07.2011, 18:54
von web334
Vielen Dank für deine Antwort!
Kann man anhand dieses Quelltextes auch herauslesen, wie die dazugehörigen css-Dateien heißen?
Andreas I. hat geschrieben:
Edith fügt noch hinzu, dass das letzte conditional comment nicht sehr geschickt formuliert ist.
wie müsse das ganze denn korrekt lauten?
Verfasst: 23.07.2011, 19:58
von net(t)worker
Andreas I. hat geschrieben:Edith fügt noch hinzu, dass das letzte conditional comment nicht sehr geschickt formuliert ist.
"nicht sehr geschickt" ist nett augedrückt...
die letzte Condition wird immer matchen, weil ja zumindest 2 der mit oder verknüpften Bedingungen immer erfüllt sind...
Verfasst: 23.07.2011, 20:37
von Andreas I.
Da wäre statt OR ("|") besser AND, Zeichen: "&"
Verfasst: 24.07.2011, 07:55
von web334
Andreas I. hat geschrieben:Da wäre statt OR ("|") besser AND, Zeichen: "&"
meinst du die letzte Zeile?
Wäre die letzte Zeile auch so korrekt?
Code: Alles auswählen
<!--[if (gt IE 9)|!(IE)]><!--> <html dir="ltr" lang="de-DE"> <!--<![endif]-->
Verfasst: 24.07.2011, 09:38
von o2
In dem Codeschnipsel werden je Browser unterschiedliche ID-Parameter für das HTML-Element vergeben. Hier wird allerdings kein separates CSS eingebunden, d.h. die Unterscheidung findet (zumindest anhand der Infos hier) in der gleichen CSS-Datei statt, eine Suche bspw. nach #ie6 oder #ie7 etc. im CSS wird hier für Klarheit sorgen.
Verfasst: 24.07.2011, 10:58
von Andreas I.
@web334:
Der Verweis auf die CSS-Datei steht entweder irgendwo anders im HTML-Quelltext oder das CSS ist direkt eingebunden. Da muss man im Einzelfall genau nachgucken.
Und ja, die letzte Zeile sieht so schon viel besser aus!
Verfasst: 24.07.2011, 14:15
von web334
Vielen Dank an alle für eure Antworten. Ihr habt mir sehr geholfen
