Kleurverschil tussen IE en FF

[M@rijn]

Ik ben bezig met het maken van een site en kom tegen het volgende probleem:

http://www.sierix.nl/luan/index1.html

als je gaat kijken met Firefox dan zie je in de rand van het vierkant (het donker grijze gedeelte) kleur verschil. Dit is er niet met IE. Dus bekijk zowel de site met IE als met FireFox. Je ziet dus verschil maar hoe komt het?

Alles is gemaakt in HTML met enkel 1 plaatje (dat linker) en dat zorgt voor het verschil......

[M-ThijZ]

mm, ja inderdaad. Het plaatje ziet er in IE hetzelfde uit als in FF omdat een plaatje door windows gerenderd wordt, echter moet de kleurcode van het framework uit de html code gehaald worden en maken bijde browsers er wat anders van.
De meest voor de hand liggende oplossing lijkt mij het kiezen van een andere kleur, een kleur die zowel FF als IE hetzelfde weer geeft.

[krvabo]

Ik kom het vaker tegen.
IE geeft een lichtere kleur met html dan hoort.

Pak bijv. maar eens met photoshop met de pipet een html kleur uit een plaatje, en zet dat als achtergrond, met het plaatje voorop..
Dan zie je dus dat FF het goed doet, en IE het te licht weergeeft.

[Verwijderd]

Zoeken naar "PNG kleur verschil" > PNG komt niet overeen met hetzelfde #waarde op de webpagina

crisp schreef op maandag 25 oktober 2004 @ 12:25:
.png opslaan zonder alpha-channel

en het is algemeen bekent dat IE slechte PNG-support heeft... Als je persé IE wilt ondersteunen zou ik gewoon gif gebruiken

Zie ook: http://www.hut.fi/u/hsivonen/png-gamma.html

[ Voor 26% gewijzigd door Verwijderd op 06-02-2005 22:46 ]

[TommyGun]

Bedankt euss, wist ik niet. Al heb ik het wel vaker gezien met die kleuren verschillen.

Heel erg lastig. Heb je een header gemaakt in PNG die perfect werkt in FF, issie te licht in I.E

En met Paint opslaan als .GIF is weer zo lelijk

FIX !!!

[mitchdc]

Met photoshop kan je ook als Gif opslaan =\ en zoveel kleur verlies is er niet

[RwD]

Dit voorbeeld werkt net zo goed als gif of jpg, waarbij ik voor gif zou gaan met een paar kleuren, er zijn toch maar 2 basiskleuren hier (wit en grijs)

[wasco]

ie en ff leveren exact dezelfde kleuren als je ze via kleurcode opvraagt volgens mij, heb nog nooi zweemen of kleurverschillen gezien, en ik werk vaak met achtergronden met daarboven afbeeldingen met dezelfde achtergrondkleur. Ik werk echter nooit met png, dus moet dat de schakel tot dit probleem zijn zoals eerder aangegeven.

[M@rijn]

Tsja dan licht het aan PNG, wel jammer aangezien het kleiner is als GIF, en beter natuurlijk

[Dark Blue]

Misschien totaal irrelevant maar ik heb hetzelfde op mijn site, ik heb overal een foto die naar een kleur verloopt met daarnaast tekst op een eender gekleurd vlak; de foto is een JPEG.
Hiermee heb ik echter in IE en FF geen problemen; echter in IE op de Mac geloof ik verschilt de kleur enorm. Safari op de Mac issie geloof ik gewoon goed. De vraag is dan: moet je je achtergrond gaan opvullen met een getilede pixel van 1 kleur, alleen maar omdat hij er anders in een bepaalde browser niet goed uitziet...? (nou ben ik persoonlijk niet te spreken over de nauwkeurigheid in alles van IE op een Mac, maar voor de site van een bedrijf zou ik zo'n aanpassing doen).

[ Voor 3% gewijzigd door Dark Blue op 07-02-2005 16:29 ]

[RwD]

Er is trouwens een manier om de weergave van een png correct te maken met behulp van css. Zoek op dit forum en je zult het zeker vinden. Maar ik denk dat de makkelijkste manier gewoon een gif/jpg gebruiken is.

[crisp]

Dark Blue schreef op maandag 07 februari 2005 @ 16:28:
[...] echter in IE op de Mac geloof ik verschilt de kleur enorm. [...]

Tsja, daar noem je dan ook een prehistorisch monster. Hier op GoT ondersteunen we al geen IE/Mac meer puur vanwege het feit dat het een browser is die van bugs aan elkaar hangt...

[Glashelder]

Of je zet dit ff in je html code

JavaScript:

function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher.
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
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
var imgAttribs = img.attributes;
for (var j=0; j<imgAttribs.length; j++)
{
var imgAttrib = imgAttribs[j];
if (imgAttrib.nodeName == "align")
{
if (imgAttrib.nodeValue == "left") imgStyle = "float:left;" + imgStyle
if (imgAttrib.nodeValue == "right") imgStyle = "float:right;" + imgStyle
break
}
}
var strNewHTML = "<span " + imgID + imgClass + imgTitle
strNewHTML += " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
strNewHTML += "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
strNewHTML += "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}
window.attachEvent("onload", correctPNG);

[Blaise]

Die transparantie is niet altijd het probleem, zie eerder genoemde http://www.hut.fi/u/hsivonen/png-gamma.html

En er bestaat een programma dat gamma informatie uit een plaatje haalt zodat het in elke browser hetzelfde uitziet: png crush.

Edit: deze heeft een GUI (handleiding)

[ Voor 24% gewijzigd door Blaise op 07-02-2005 20:29 ]

[Bender]

Ik heb dit probleem ook al een tijdje.
Maar het is alleen zo bij Photoshop en niet bij Paint, Paint Shop Pro en Picture Publisher.

[Verwijderd]

Je kan gewoon PNGcrush gebruiken en daarmee alle gamma eruit halen. Dat programma spaart je vaak ook nog 20% filesize. GIF is achterhaald.

[André]

Verwijderd schreef op maandag 21 februari 2005 @ 12:16:
GIF is achterhaald.

Waarom dan?

[Thijsmans]

GIF wordt wel door elke browser goed ondersteund. PNG klinkt leuk en het belooft veel, maar * Thijsmans wacht nog even totdat het foutloos werkt

[Verwijderd]

PNG werkt perfect slechts een enkele browser (*kuch*IE*kuch*) heeft na een jaartje of 10 nog steeds problemen om het volledig foutloos weer te geven