[IE 6] PNG-Fix

[johanness]

Hallo zusammen,

ich baue eine Seite, deren Inhalte auf einem transparenten Hintergrund über einem Bild liegen. Dabei habe ich noch Probleme im IE 6 mit dem Fix für transparente PNGs.

Online Live-Demo

Ich binde nur für den IE 6 ein extra CSS ein:

<!--[if IE 6]><link href="fileadmin/resources/ie6.css" rel="stylesheet" type="text/css"><![endif]-->

Der wichtigste Teil in diesem IE6-CSS:

.box-bg-border { 
	height: 0;
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/media/_statics/box-bg.png',sizingMethod='scale');
}
.box-bg-border-padding { 
	height: 0;
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/media/_statics/box-bg.png',sizingMethod='scale');
}
.box-bg { 
	height: 0;
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/media/_statics/box-bg.png',sizingMethod='scale');
}

Das ganze hat schon mal funktioniert. Irgendwo hat sich nun ein Fehler eingeschlichen … Vielleicht ins CSS (vgl. Validator)?

Danke für Eure Hilfe!!
Johannes

[Nightflyer]

funktioniert bei mir ( IE6, XP SP2 )

[johanness]

Zitat von Nightflyer

funktioniert bei mir ( IE6, XP SP2 )

Siehst du die Seite wie ich unter OS X im Firefox (vgl. Screenshot)?
Wenn ja, dann hat es vielleicht mit meiner Parallels-Emulation von Windows und den dort installierten IE-Standalones zu tun.


.

[Nightflyer]

Ah, nein so siehts nicht aus
Überprüf mal die Pfade, muss es nicht

src='../fileadmin

heissen? CSS-Dateien binden Bilder relativ zum Dokument ein, JS-Dateien relativ zur eingebundenen Datei