RSS Feed
abonnieren.
Suche
Wunschzettel
Weblogeinträge
ReferenzenConditional Comment für nicht IE | 24. Oktober 2007 um 18:54 Uhr
Heute stand ich vor dem Problem für den IE <= 6 ein PNG8 oder GIF Bild ausgeben zu lassen und für alle anderen ein halbtransparentes PNG24. Man könnte das auch recht komfortabel mit JavaScript machen, doch leider hängt sich der IE6 ab und zu mal dabei auf.
Und da es schnell gehen musste habe ich auf zwei Conditional Comments zurückgegriffen. Den ersten sollten alle kennen, es ist ein Kommentar, dessen Inhalt nur der IE <= 6 ausgibt:
<!--[if lte IE 6]><img src="/logo.gif" alt="Text" /><![endif]-->Und der zweite ist das gleiche nur umgekehrt, alle Browser, außer der IE <= 6 geben das aus, mit der erweiterung von noch mehr HTML-Kommentaren, damit der IE <= 6 keine Kleiner- und Größerzeichen fälschlicherweise ausgibt:
<!--[if ! lte IE 6]><!--><img src="/logo.png" alt="Test" /><!--<![endif]-->
Götz aus Stockholm / Schweden schrieb am 24.10.2007
Also, ein bißchen kriminell sieht der zweite Kommentar schon aus finde ich ... ;)
Benjamin Steininger aus Weiher / Deutschland schrieb am 29.10.2007
Funktioniert und ist valide, super, das ermöglicht mir ein paar kleine Spielereien ohne Aufwand mit JS.
Gottfried Schuhmayer aus Deutschland/Stuttgart schrieb am 17.11.2007
Hallo, bin durch google auf Deine große Website gelangt - sag mal kann man Dich etwas fragen - ich frag' jetzt einfach mal. Es geht um den IE 5. Wie kann man es verhindern, dass ein Bild, welches in der html-Datei drinnen steht und ja für alle anderen Browser gilt - beim IE 5 ignoriert bzw. überhaupt nicht angezeigt werden soll?
Ich habe in der html-Datei oben stehen:
<!--[if lt IE 6]>
<style type="text/css">@import url(css/ie5.css);</style>
<![endif]-->
wenn Version kleiner IE 6, nimm ie5.css, dann weiter unten auszugsweise den Code in der html-Datei:
<div id="oben_links"><img style="float:left" class="obenlinks" src="../bilder/co_1.gif" ...>
Den Container #oben_links habe ich aus Datei ie5.css entfernt. Jetzt zeigts mir halt trotzdem das Bild co_1.gif an und leider nicht so perfekt eingebunden wie in den neueren Browsern. Deshalb möchte ich auf runde Ecken beim IE 5 verzichten. Wie kann man das lösen, damit die Bilder (co_1.gif... co_4.gif), d. h. die 4 runde Ecken überhaupt nicht im IE 5 angezeigt werden? Hast Du eine Lösung? Braucht man da neben den Conditional Comments weitere spezielle Codes? Über eine Antwort würde ich mich sehr freuen, herzlichen Dank im voraus.
Gottfried Schuhmayer schrieb am 09.01.2008
Hallo,
Problem gelöst - für alle die es vielleicht auch interessiert hat bzw. hätte ... zu meiner Frage oben wegen dem IE 5 und runde Ecken.
display:none in die css-Datei einfügen löst offenbar das Problem. Gleichwohl hätte ich mich über eine Antwort trotzdem gefreut. Na ja ...