[Gast]  Foren Archiv Adobe GoLive Transparente PNGs im IE richtig darstellen

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Archiv - Archivierte Foren
Themen
Beiträge
Moderatoren
Letzter Beitrag
Adobe GoLive
6161
30249
Dirk Levy
28. Mai 2021, 13:02
Dirk Levy
 

Transparente PNGs im IE richtig darstellen

User X
Beiträge gesamt: 5
23. Apr 2006, 15:59
Beitrag # 1 von 8
Bewertung:
(1228 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,
ich durchforste seit einigen Stunden das Internet und versuche die PNGs, die ich auf meiner Internetseite in DIV-Container gepackt hab auch im IE richtig darzustellen. Ich habe es einfach nicht hinbekommen. Jedesmal wenn ich Code in GoLive "paste" dann stellt die Syntaxprüfung keine Fehler fest, aber der Code wird rot im Quellcode-Editor dargestellt (Fehler?) Hier ich habe die Methode 1 verwendet... (Auch die 2. und andere)>> http://homepage.ntlworld.com/bobosola/pnghowto.htm
Kann das GoLive nicht? Kann ich das nicht? Hat das jemand hier schon mal mit GoLive geschafft?
Gruß
X

Transparente PNGs im IE richtig darstellen

User X
Beiträge gesamt: 5
23. Apr 2006, 16:32
Beitrag # 2 von 8
Beitrag ID: #225081
Bewertung:
(1220 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
So! Ich habe es nun geschafft... Ich hatte die Javascript Datei nicht in meine Struktur gelegt... Jetzt werden die PNGs richtig dargestellt... nur die als Hintergrund definierten (CSS) werden immernoch nicht richtig dargestellt... Wer kann mir sagen wie das zu bewältigen ist... Hier das Script:
/*

Correctly handle PNG transparency in Win IE 5.5 & 6.
http://homepage.ntlworld.com/bobosola. Updated 18-Jan-2006.

Use in <HEAD> with DEFER keyword wrapped in conditional comments:
<!--[if lt IE 7]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->

*/

var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])

if ((version >= 5.5) && (document.body.filters))
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}

als Antwort auf: [#225077]

Transparente PNGs im IE richtig darstellen

Wulf
Beiträge gesamt: 80
23. Apr 2006, 16:42
Beitrag # 3 von 8
Beitrag ID: #225083
Bewertung:
(1216 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

zum Thema PNG-Grafiken selbst kann ich nicht allzuviel sagen.

Soweit ich allerdings weiss, werden PNGs von älteren Browsern nicht unterstützt bzw. ist Ihr Einsatz je nach Browser-Version mal mehr oder weniger problembehaftet. Für mich ist PNG daher nach wie vor noch ein Thema, dass erst in der Zukunft wirklich relevant wird. Warum setzt Du nicht die bewährten GIFs ein?

Bitte korrigiert mich, wenn ich falsch liege.

Viele Grüße
Wulf

als Antwort auf: [#225081]

Transparente PNGs im IE richtig darstellen

User X
Beiträge gesamt: 5
23. Apr 2006, 16:55
Beitrag # 4 von 8
Beitrag ID: #225084
Bewertung:
(1214 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Darum:
http://homepage.ntlworld.com/bobosola/pngtestfixed.htm
:)

als Antwort auf: [#225083]

Transparente PNGs im IE richtig darstellen

Dirk Levy
  
Beiträge gesamt: 9448
23. Apr 2006, 18:01
Beitrag # 5 von 8
Beitrag ID: #225095
Bewertung:
(1206 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Ab der CS2-Version von GoLive ist eine Head-
Aktion dabei, die dem IE auf die Sprünge hilft. Es ist
ja kein GoLive- sondern ein reines IE-Problem.

als Antwort auf: [#225084]

Transparente PNGs im IE richtig darstellen

User X
Beiträge gesamt: 5
23. Apr 2006, 18:53
Beitrag # 6 von 8
Beitrag ID: #225107
Bewertung:
(1202 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Dirk! Welches denn?

als Antwort auf: [#225095]

Transparente PNGs im IE richtig darstellen

User X
Beiträge gesamt: 5
23. Apr 2006, 18:58
Beitrag # 7 von 8
Beitrag ID: #225108
Bewertung:
(1201 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hi nochmal, habe die Head Aktion gefunden...
GoLive ist echt im kommen! Ein hoch auf GoLive!
Aber egal welche Lösung:
Wenn PNGs via CSS in einer Tabelle/Zelle als Hintergrund definiert worden ist... Haut das mit der Darstellung nicht hin...
Hast Du da auch eine Lösung?
Gruß,
X

als Antwort auf: [#225107]

Transparente PNGs im IE richtig darstellen

Dirk Levy
  
Beiträge gesamt: 9448
23. Apr 2006, 19:20
Beitrag # 8 von 8
Beitrag ID: #225116
Bewertung:
(1197 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Ich glaube das Ding heißt IE-Fehlerbehebung.....

als Antwort auf: [#225107]
X