css-Browserweiche

**BlueJay** · 10-09-2008, 15:56

Hallo Leute,

suche mir gerade die Augen wund, aber finde den Fehler nicht.
Es soll browserabhängig ein Hintergrundbild geladen werden, für moderne Browser ein PNG, für den IE-Schluffen ein GIF.
Aber der IE-Teil wird ums Verrecken nicht ausgeführt, es erscheint im Wine-IE und im VMware-IE das vergewaltigte PNG.

Wo läuft hier was falsch?

HTML-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
...
<link rel="stylesheet" href="my_style.css">
<style type="text/css">
.weiss_50 { background-image:url(weiss_50.png) }
</style>
<!-- [if IE]>
 <style type="text/css">
  .weiss_50 { background-image:url(weiss_50.gif) }
 </style>
<![endif]-->
</head>

Die beiden Bilder sind im selben Verzeichnis wie die Dateien.

zu bestaunen:
ile-fleurie.eu

so long,
Blue Jay

**jeebee** · 10-09-2008, 16:01

hmm, was passiert wenn du das Leerzeichen zw. <!-- und [if IE] mal wegmachst?

**BlueJay** · 10-09-2008, 16:42

... dann guckt mich dasselbe verhunzte PNG an (Wine-IE, VMware-IE)

**ContainerDriver** · 10-09-2008, 17:21

Wenn man den Quelltext von deinem Link oben anschaut, dann steht da

Code:

<!--[if IE]>
 <style type="text/css">
  .weiss_50 { background:-image:url(weiss_50.gif) }
 </style>
<![endif]-->

.

Hängt es vielleicht damit zusammen?

**BlueJay** · 10-09-2008, 17:31

ja, Punkt-Punkt,komma,Strich

sorry, wenn ich hier alles durcheinandergewirbelt habe.

**Pingu** · 11-09-2008, 08:48

Außerdem musst Du nicht unbedingt ein hässliches GIF laden, Du kannst auch einfach das Bild über den IE-Filter-Mechanismus laden. Dann geht es auch mit dem PNG, z.B. hier beschrieben: http://www.themaninblue.com/writing/...ve/2004/06/18/

**BlueJay** · 17-09-2008, 20:36

schon klar, aber ich dachte, ich hätte bei der Browserweiche was falschgemacht.

Bei dem Link blicke ich nicht so ganz durch, bin zu alt oder zu müde.

Letztendlich hatte ich eine Lösung analog dieser hier genommen:

HTML-Code:

<style type="text/css">.shadow { background-image:url(dunkel_50.png); } </style>
<!--[if IE]>
<style type="text/css">
 .shadow { background-image:url(dunkel_50.gif); filter:alpha(opacity=50); }
</style>
<![endif]-->

so long,
BlueJay

Thema: css-Browserweiche

Themen-Optionen

Thema bewerten

Anzeige

css-Browserweiche

Lesezeichen

Lesezeichen

Berechtigungen