PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : 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?



<!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 (http://www.gamecraft.de/_kunden/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


<!--[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 :o

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/perspective/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:



<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