IE macht kein transparantes Bild und kein marginheight

[Frau Holle]

Hallo,
ich habe folgendes Problem:
Wie Ihr auf meiner Seite erkennen könnt, mag der IE meine Bildchen in der oberen Menüleiste nicht. Sie wurden alle mit transparenten Hintergrund erstellt, aber irgendwie schaut das nicht sehr transparent aus. In Opera 6.05 und 7.01 schaut das aber sehr gut aus. Bei der Gelegenheit nimmt er das marginheigh aus der Framesetdefinition nicht. Warum das? Um euch das ein wenig zu erleichtern:

Frameset:

<frameset rows="16%,*,10" frameborder="no" border="0">
   <frame src="frame_oben.htm" name="navigation" marginheight=10 marginwidth=0 scrolling="no">

<frameset cols="10%,18%,*,10%" frameborder="no" border="0">
   <frame src="bg_color.htm" name="black" marginheight=0 marginwidth=0 scrolling=no>
 <frame src="frame_links.htm" name="links" marginheight=0 marginwidth=0 scrolling=no>
 <frame src="indox.html" name="rechts" marginheight=0 marginwidth=0 scrolling=auto>
 <frame src="bg_color.htm" name="black" marginheight=0 marginwidth=0 scrolling=no>
  </frameset>
    <frame src="bg_color.htm" name="black" marginheight=0 marginwidth=0 scrolling=no>

<noframes>
</noframes>
</frameset>

Code vom oberen Frame:

<div id="box1"><img src="Images/Menu/Navigation_oben.jpg" width="100%" height="100%" border="0" alt=""></div>
    <div id="box2"><a href="indox.html" target="rechts"><img src="Images/Menu/Home.png" width="5%" height="30%" border="0" alt="" ></a></div>
       <div id="box3"><a href="news.html" target="rechts"><img src="Images/Menu/News.png" width="5%" height="30%" border="0" alt="" ></a></div>
       <div id="box4"><a href="Images/bilder_baby.html" target="rechts"><img src="Images/Menu/Bilder.png" width="5%" height="30%" border="0" alt="" ></a></div>
       <div id="box5"><a href="Download/download.html" target="rechts"><img src="Images/Menu/Download.png" width="8%" height="30%" border="0" alt="" ></a></div>
       <div id="box6"><a href="Anleitungen/index.html" target="rechts"><img src="Images/Menu/Anleitungen.png" width="9%" height="30%" border="0" alt="" ></a></div>
       <div id="box7"><img src="Images/Menu/mich.png" width="8%" height="30%" border="0" alt="" ></div>

css vom oberen Frame:

body  { background-color:#000000; }
#box1 { position:absolute; left:10%; top:5px; width:80%; height:100%; z-index:1; border: 2px ridge silver; }
#box2 { position:absolute; left:40%; top:75%; width:100%; height:100%; z-index:2; }
#box3 { position:absolute; left:47%; top:75%; width:100%; height:100%; z-index:2; }
#box4 { position:absolute; left:54%; top:72%; width:100%; height:100%; z-index:2; }
#box5 { position:absolute; left:61%; top:72%; width:100%; height:100%; z-index:2; }
#box6 { position:absolute; left:70%; top:72%; width:100%; height:100%; z-index:2; }
#box7 { position:absolute; left:81%; top:72%; width:100%; height:100%; z-index:2; }

Danke für Eure Hilfe :)

[Konrad]

Hallo,
ich habe folgendes Problem:
Wie Ihr auf meiner Seite erkennen könnt, mag der IE meine Bildchen in der oberen Menüleiste nicht. Sie wurden alle mit transparenten Hintergrund erstellt, aber irgendwie schaut das nicht sehr transparent aus. In Opera 6.05 und 7.01 schaut das aber sehr gut aus. Bei der Gelegenheit nimmt er das marginheigh aus der Framesetdefinition nicht. Warum das? Um euch das ein wenig zu erleichtern:

Hallo Frau Holle,

Du bist auf den großen Nachteil des Internet Explorers gestossen. Aus irgend welchen unerfindlichen Gründen will Microsoft das PNG-Grafik format in seinem Browser nicht richtig unterstützen. Die Bilder rechts oben auf Deiner Homepage sind in eben diesem Format.

Wenn Du möchtest kannst Du bei einer Online Petition mitmachen, die Microsoft dazu bringen will, PNG richtig zu unterstützen:
http://www.petitiononline.com/msiepng/petition.html

Bis dahin musst Du wohl auf transparente GIFs ausweichen.

Tschüs

[Thomas Speck]

Das Problem ist der Internet Explorer. Dieser kann mit transparenten PNG Dateien nicht umgehen (Der IE auf dem Mac kann es wohl, nur der unter Windows nicht). Näheres dazu findest du unter:
http://entropymine.com/jason/testbed/pngtrans/

Zu deinem marginheight Problem fällt mir im Moment nix ein.

HtH, Thomas

[Frau Holle]

Danke für Eure Hilfe. Ich habe mich an gif versucht, aber nachdem ich bei einer Auflösung von 19xx angekommen war, und das Bild trotzdem nicht zufriedenstellend war, hab ichs aufgegeben.

Aber es gibt ja, gott sei dank, ccs-filter. Und einer macht eine definierte Farbe transparent. Bei mir heißt das, wens interessiert: filter:Chroma(color=#B4B3B6); Klappt wunderbar.

[HarryS]

Hallo Frau Holle,

Aber es gibt ja, gott sei dank, ccs-filter. Und einer macht eine definierte Farbe transparent. Bei mir heißt das, wens interessiert: filter:Chroma(color=#B4B3B6); Klappt wunderbar.

Aber natürlich kann MSIE transparente PNGs. Und natürlich nicht so einfach wie richtige Browser, denn dafür ist es ja auch M$, aber mit den Filtern warst Du schon nicht weit weg.
Für PNG heißt er:

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=deinbild.png)

Nachzulesen bei: http://msdn.microsoft.com/workshop/author/filter/reference/filters/alphaimageloader.asp

Grüße aus Nürnberg,
HarryS