[martin_gnoe]

hallo,
ich bin im Moment dabei eine website zu erstellen, bei der ich eigentlich ganz gut vorankomme... allerdings hab ich jetzt ein problem:
für mein Layout ist es mehr oder weniger erforderlich, dass ich als hintergrundbild für 2 div container eine png mit transparenz habe. Dies funktioniert auch in firefox, safari und ie7 ganz gut, allerdings nicht im ie6 und darunter. Also hab ich gegoogelt und bin auch auf einige vielversprechende Lösungen gestoßen, allerdings hat keine funktioniert
hier mal die regeln, die ich auf die 2 div container angewendet habe:

------------------------------Code anfang----------------------------

//die folgenden 2 regeln für ffox, safari...
html>body #mc_start {
background-image: url(../images/mc_start.png);
height: 12px;
background-repeat: no-repeat;
background-color: transparent;
}

html>body #mc_inhalt {
background-color: transparent;
background-image: url(../images/mc_bg.png);
}


//die nächsten 2 regeln für alle ie´s außer ie7 (und ie
//dies ist schon der lösungsansatz mit diesem filter...
<!--[if lt IE 7]>
<style type="text/css">
#mc_start {
filterrogid: DXImageTransform.Microsoft.AlphaImageLoader(src='. ./images/mc_bg.png', sizingMethod='scale');
background:none;
}

#mc_inhalt {
filterrogid: DXImageTransform.Microsoft.AlphaImageLoader(src='. ./images/mc_bg.png', sizingMethod='scale');
background:none;
}
</style>
<![endif]-->

//und die letzten 2 regeln für den ie7 (wie die obersten 2 für ffox...)
<!--[if IE 7]>
<style type="text/css">
#mc_start {
background-image: url(../images/mc_start.png);
height: 12px;
background-repeat: no-repeat;
background-color: transparent;
}

#mc_inhalt {
background-color: transparent;
background-image: url(../images/mc_bg.png);
}
</style>
<![endif]-->

------------------------------Code ende-------------------------------


ich weiß nicht, wieso das ganze bei anderen funktionier(en soll?)t und bei mir nicht... vielleicht könnt ihr mir sagen was ich falsch mache?
schon mal vielen dank für eure antworten!
mfg
maddin

[cgdesign]

Kommt drauf an welchen IE6 du benutzt.

[izak.stern]

zusammen mit jquery funktioniert der nachfolgende code perfekt:

 var blank = new Image();
 blank.src = '/PATH/TO/blank.gif';
 
 $(document).ready(function() {
   var badBrowser = (/MSIE ((5\.5)|6)/.test(navigator.userAgent) && navigator.platform == "Win32");
   if (badBrowser) {
     // get all pngs on page
     $('img[src$=.png]').each(function() {
       if (!this.complete) {
         this.onload = function() { fixPng(this) };
       } else {
         fixPng(this);
       }
     });
   }
 });
 
 function fixPng(png) {
   // get src
   var src = png.src;
   // set width and height
   if (!png.style.width) { png.style.width = $(png).width(); }
   if (!png.style.height) { png.style.height = $(png).height(); }
   // replace by blank image
   png.onload = function() { };
   png.src = blank.src;
   // set filter (display original image)
   png.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "',sizingMethod='scale')";
 }

wobei blank.gif ein 1x1px grosses transparentes gif ist.

[ID-R]

Hallo,

vllt. hilft dir der Tipp auch weiter.

Falls du Fireworks verwenden solltest, speichere die png in 8bit Transparent ab.

dann wird auch eine Transparentz im IE6 angezeigt (Nachteil ist das im IE6 die Kanten ein wenig fransig sind).

[martin_gnoe]

als erstes nochma danke für die antworten!

@cgdesign:
in welchem ie6 funktionierts und in welchem nicht? bzw von was hängt des ab? versionsnummer wahrscheinlich?

@izak.stern
ist nicht böse gemeint aber ich habe bereits mehrere solche png austausch scripte versucht, hat aber keiner funktioniert ...
außerdem hab ich schon prototype und script.aculo.us eingebunden, ich will nicht noch ein weiteres framework einbinden...

@ID-R
ich verwende zwar kein fireworks, aber dafür photoshop. bei photoshop geht dass zwar auch mit den png in 8bit, aber die qualität leidet schon sehr darunter...
aber wenn überhaupt nichts anderes mehr funktioniert, dann ist das auf jeden fall noch eine möglichkeit...


vielleicht hat noch jemand eine idee, was an meinem css code falsch sein könnte, weil dieser filter wurde ja extra eingebaut, damit er auch verwendet werden kann (und zwar ohne großen aufwand mit irgendwelchen scripten...)

[cgdesign]

Ja kommt drauf an, ist es ein original IE6 oder einer der Multiple-IE-Reihe? Kann ja sein, dass der Multiple-IE kaputt ist, wie letztens bei mir, als Windows das Service-Pack 3 installiert hatte. Daher musste ich den IE6 neu draufspielen und dann funktionierte wieder alles. Kann ja viele Gründe haben. Du könntest auch ein Online-Beispiel erstellen und dann uns mal schauen lassen oder den IE NetRenderer - Browser Compatibility Check - benutzen...

[IChao]

Nun zeig doch mal deinen Link.

[martin_gnoe]

also... hab jetzt grad mal eine hp auf freenet eingerichtet und per ftp die site hochgeladen... (die anmeldedaten für die richtige seite habe ich noch nicht, deswegen über freenet...)
also.. der folgende link müsste funktionieren:

Kreisverband Uffenheim der Evangelischen Landjugend - Home

[martin_gnoe]

wie ich grad festgestellt habe, funktioniert die lade seite im ie nicht (wieso weiß ich im Moment nicht, muss ich noch mal ein paar tests machen...)

verwendet den link:

Kreisverband Uffenheim der Evangelischen Landjugend - Home

sollte jemand feststellen, dass keiner der links funktioniert... die hp ist eben noch nicht fertig
übrigens funktioniert jetzt auch die laden seite ( http://freenet-homepage.de/test_kv-uffenheim/ ) nur ab und zu kommt mal eine meldung von freenet, dass die seite angeblich nicht existiert (o.ä.) dann einfach ein (paar) mal neu laden.

[IChao]

ich beziehe mich jetzt mal auf den zuletzt von dir mit "verwendet den link: ..." eingeleiteten Link (drei Links machen mich nervös, wenn ich an den Verlauf des Threads im Weiteren denke).

1) Jedes Element, was einen Filter tragen soll, benötigt hasLayout, sonst geht es überhaupt nicht. Hier bitte zoom:1; innerhalb des Conditional Comments den Elementen geben, die auch den Filter tragen. Einfach hinzufüggen, kann nicht schaden.

2) Die Pfadangaben sind für Filter relativ zur HTML-Datei, und nicht relativ zur CSS-Datei zu setzen. Sonst geht es auch nicht. Im Zweifel einfach irgendwo in die HTML-Datei einen img-Link zu dem Bild setzen und solange manipulieren, bis du das Bild siehst. Dann hast du den richtigen Pfad, den du dann in den Filter einsetzt.

Bitte diese beiden Hausaufgaben erledigen und dann mit einem Link nochmal melden, wenns nicht klappt.