esse est percipi
Das Weblog eines Grafikdesigners. Seit 2003.

esse est percipi

Einfach gute Mac-Apps.

Von einem unabhängigen Entwickler,
der sie täglich selbst nutzt.

Blog Apps

Impressum/Datenschutz/AGB

Webdesign | Sonntag, 4. Juli 2004

Conditional Comments richtig anwenden

Conditional Comments sind eine nette Sache, nur sollte man dabei aufpassen, dass man sie richtig anwendet: Setzt man zusätzlich einen normalen HTML Kommentar zwischen die if/endif-Statements, wird der Text zwischen den p-Tags, den im gezeigten Beispiel eigentlich nur Windows-IE zu sehen bekommen sollen, auch in Safari angezeigt.

<!--[if IE]>
<!-- dies ist ein normaler HTML Kommentar -->
Dieser Text erscheint auch in Safari.
<![endif]-->

Beispiel 1 (neues Fenster)

<!--[if IE]>
Dieser Text erscheint nicht in Safari.
<![endif]-->
<!-- dies ist ein normaler HTML Kommentar -->

Beispiel 2 (neues Fenster)

Achten Sie also darauf, HTML Kommentare immer außerhalb der Conditional Comments zu platzieren.

Kommentare:

Bei den Kommentaren handelt es sich um fremde Inhalte, die sich „esse est percipi“ nicht zueigen macht. Verantwortlich für den Inhalt eines Kommentars ist der jeweilige Verfasser.

Thomas Sonntag, 4. Juli 2004, 19:49 Uhr

Hallo Michael, kleiner Hinweis: Mozilla Firefox 0.8 (Windows) zeigt ebenso den roten Text. Mein Opera möchte gerade nicht starten – deshalb konnte ich diesen Browser nicht ausprobieren ,-(

Danke für diesen Tip – Sehr nützlich!

alterSchwede Montag, 5. Juli 2004, 18:23 Uhr

Mein Opera startet und zeigt den roten Text.
(Opera 7.5 auf Windows XP)

Was macht denn so ein Conditional Comment? Die Microsoftseite sagt was vom Browsererkennung. Ist das für Browser, die kein (richtiges) HTML können und denen man dann auf die Sprünge helfen muss?

Michael Preidel Dienstag, 6. Juli 2004, 08:36 Uhr

So ungefähr. Ein Anwendungsbeispiel: Im head-Bereich einer HTML-Datei wird eine CSS Datei für alle Browser geladen. Danach kommt dieser Conditional Comment, den nur IE Browser interpretieren können, und in dem eine CSS Datei speziell für diese IE Browser (die unter einer mehr als schlampigen CSS Implementation leiden) geladen wird, dessen Klassen dann die der vorherigen CSS Datei überschreiben.

alterSchwede Dienstag, 6. Juli 2004, 18:00 Uhr

Aha.
Dank dir.

P.S.: Komisch, dass es immer den IE trifft.
Wird langsam mal Zeit, dass das Ding weiterentwickelt wird (oder ausstribt). Aber nachdem man seinerzeit den Netscape geschlagen hat, sah man wohl keinen Grund mehr zur Weiterentwicklung.
P.P.S.: Jetzt ist das PS größer geraten als der eigentliche Text. Man denke es bitte sich andersrum ;)

Der Rote Hund Mittwoch, 3. Oktober 2007, 12:15 Uhr

Danke für den Tipp! Kam auf diese Seite, weil Opera 9.22/Mac auch über conditional comments mit Kommentaren drin stolpert.

David Dienstag, 6. November 2007, 10:07 Uhr

Ich stelle allerdings fest, dass mein Mac Safari V2.0 trotz korrekt gesetzt HTML-Kommentare eine CSS-Datei berücksichtigt die eigtl nur für IE

Der erste CC wird fälschlicherweise berücksichtigt, der zweite dagegen wie gewollt ignoriert.

Ist das Verhalten bekannt?