Conditional Comment für IE 8 und normale Browser

david78 · #1 (**permalink**) 23.08.2011, 11:20

Hallo,

ich möchte einen Javascript-Code nur von Internet Explorern ab Version 8 und normalen Browser ausführen lassen.

Folgender Code wird zwar erst ab IE8, aber nicht von den "normalen" Browsern ausgeführt:

HTML-Code:

<!--[if gte IE 8]>
<script type="text/javascript">
meinJS()
</script>
<![endif]-->

Wie bewerkstellige ich, dass der Code ebenfalls von den normalen Browsern ausgeführt wird?

Grüße,
David

Praktikant · #2 (**permalink**) 23.08.2011, 11:25

Probiere es mal mit der Art des Conditional Comments

Code:

<!--[if gte IE 7]><!--> Alle und IE ab 7 <!--<![endif]-->

Browser, die nicht der IE sind können CCs eigentlich nicht.

david78 · #3 (**permalink**) 23.08.2011, 11:28

funktioniert prima, ich danke Dir!

web334 · #4 (**permalink**) 19.04.2012, 19:09

Ich möchte eine Internetseite erstellen, deren Layout flexibel ist. Also zum Beispiel ist breite der einzelnen div in Prozent angegeben.
Und wenn eine Grafik breiter ist, als das div, in welchem sie sich befindet, dann sollen sich die Grafiken proportional verkleinern.
Das ist auch mit dem folgenden kein Problem:

Code:

img {
	max-width: 100%;
	height: auto;
}

aber das versteht der Internet Explorer 6 leider nicht. Wie kann ich denn in meiner CSS alle Browser ansprechen, die höher sind als der Internet Explorer 6 und auch alle Browser, die nicht Internet Explorer sind?
Gedacht habe ich mir folgendes:
<html class="fix" lang="de-DE">

Code:

.fix img {
	max-width: 100%;
	height: auto;
}

aber das klappt wohl nicht. Wie erreiche ich denn mein Ziel?

fricca · #5 (**permalink**) 19.04.2012, 19:13

Definiere "klappt nicht".
Ich sehe den Sinn in deinem Vorhaben nicht. Der IE6 versteht max-width eh nicht, das brauchst du nicht vor ihm verstecken.

edit: Wusst ich's doch. Du hast die gleiche Frage schonmal gestellt. Es hat sich an der Antwort nichts geändert.

Thielo · #6 (**permalink**) 19.04.2012, 19:56

Zitat:

Zitat von fricca

Definiere "klappt nicht".
Ich sehe den Sinn in deinem Vorhaben nicht. Der IE6 versteht max-width eh nicht, das brauchst du nicht vor ihm verstecken.

edit: Wusst ich's doch. Du hast die gleiche Frage schonmal gestellt. Es hat sich an der Antwort nichts geändert.

Wer es nicht kapieren will, der hat verloren..

web334 · #7 (**permalink**) 19.04.2012, 20:34

Mein Entwurf befindet sich hier: eine neue Seite

und wenn ich diese Seite im Internet Explorer 6 öffne, dann werden die Fotos bzw. Grafiken manchmal quadratisch angezeigt, obwohl diese mindestens doppelt so breit sind als hoch.
Das ist das Problem

fricca · #8 (**permalink**) 19.04.2012, 21:26

OK. IE6 soll also height:auto nicht sehen.
Und was hat dann "nicht geklappt"? In deinem Link ist nichts von dem CC zu sehen.

Davon abgesehen: Es gibt sehr viel einfachere Methoden, etwas vor IE6 zu verstecken, z.B. einen Kindselektor. html > body ...

web334 · #9 (**permalink**) 20.04.2012, 10:30

Zitat:

Zitat von fricca

OK. IE6 soll also height:auto nicht sehen.

ja, genau.

Eine einfache Lösung wäre mir natürlich am liebsten.
Daher habe ich das ganze nun so probiert:

Code:

body > img {
	max-width: 100%;
	height: auto;
}

im Moment kann ich aber nicht testen, ob das ganze nun auch im Internet Explorer 6 passt.

ansonsten hätte ich es vielleicht noch so gemacht:

Code:

<!--[if !IE]><link rel="stylesheet" href="img.css" /><![endif]-->
<!--[if gt IE 6]><link rel="stylesheet" href="img.css" /><![endif]-->

und nur diese CSS hätte die Anweisung

Code:

img {
	max-width: 100%;
	height: auto;
}

ist zwar viel umständlicher.
Das würde doch auch funktionieren, oder?

fricca · #10 (**permalink**) 20.04.2012, 10:42

Zitat:

Zitat von web334

Eine einfache Lösung wäre mir natürlich am liebsten.
Daher habe ich das ganze nun so probiert:

Code:

body > img {
    max-width: 100%;
    height: auto;
}

im Moment kann ich aber nicht testen, ob das ganze nun auch im Internet Explorer 6 passt.

Damit "passt" es nur im IE6.
Du selektierst img-Elemente, die Kinder des body-Elements sind. Nein, das willst du nicht. Lies nach, was der Kindselektor bedeutet.
Dann schau dir nochmal genau an, was ich geschrieben habe und denk nach, wie du genau das verwenden könntest, um img-Elemente anzusprechen, die Nachfahren des body-Elements sind.

Zitat:

ansonsten hätte ich es vielleicht noch so gemacht:

Code:

<!--[if !IE]><link rel="stylesheet" href="img.css" /><![endif]-->
<!--[if gt IE 6]><link rel="stylesheet" href="img.css" /><![endif]-->

und nur diese CSS hätte die Anweisung

Code:

img {
    max-width: 100%;
    height: auto;
}

ist zwar viel umständlicher.
Das würde doch auch funktionieren, oder?

Nein, das funktioniert nicht. Vergleiche deine Kommentare mit den oben geposteten.
Vergiss das.

Und bitte: Teste dein Zeug erst selbst. Wenn du das jetzt nicht machen kannst, dann melde dich eben wieder, wenn du es kannst. Und dann poste einen Link, der deinen Versuch zeigt. Keine weiteren ungetesten Codeschnipsel!!1elf!

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
SQL Abfrageoptimierung, Indizierung	Scheppertreiber	Offtopic	15	12.01.2010 11:40
Conditional Comment wird übergangen	Lehrling	CSS	2	25.08.2007 21:10
Conditional Comment wird als Text dargestellt	mazzo	CSS	6	18.10.2006 10:27
Was wird aus Conditional Comment im IE 7?	Zen5656	CSS	8	02.10.2006 16:02