Color Matching in IE6

Same page as in my earlier post, which I have found a workaround that is
actually more preferable to the previous attempted solution, however I
now am trying to find an answer to a new question.

http://www.uah.edu/Athletics/index.shtml

http://www.uah.edu/Athletics/style.css

I have created a div block that will, in essence, "extend" the banner as
far as it needs to go (up to 1500px) to accomidate varying screen
resolutions using a background-color element in the CSS.

The color (#336699) matches perfectly in MoScape 1.4/7.1, however using
IE6 the div background-color is a touch lighter than the banner color (a
png graphic file).

Thanks in advance for any ideas.

Mike Anderson
andersms (at) email (dot) uah (dot) edu

Code blocks:

index.shtml:
<div class="bannerextend"></div>
<img class="head"
src="http://www.uah.edu/Athletics/images/general/athhead.png" alt="UAH
Chargers.com">

style.css:
div.bannerextend {
position: absolute;
left: 0px;
right: 1500px;
top: 33px;
bottom: 120px;
width: 100%;
height: 47px;
overflow: hidden;
background-color: #336699;
}
img.head {
position: absolute;
left:-5px;
top:0px;
}

Mike Anderson wrote on 02 jul 2003 in
comp.infosystems.www.authoring.stylesheets:

The color (#336699) matches perfectly in MoScape 1.4/7.1, however using
IE6 the div background-color is a touch lighter than the banner color (a
png graphic file).

make a 1x1 gif and use that as repeating background ?

--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

Evertjan. wrote:

Mike Anderson wrote on 02 jul 2003 in
comp.infosystems.www.authoring.stylesheets:


The color (#336699) matches perfectly in MoScape 1.4/7.1, however using
IE6 the div background-color is a touch lighter than the banner color (a
png graphic file).


make a 1x1 gif and use that as repeating background ?

Yuk. Have you seen how slowly some browsers (NN4) render that?

The issue is with PNG gamma correction. I solved this once, but I forget
how. I think I just told the GIMP not to save any gamma information into
the PNG.

--
Mark.
http://www.tranchant.freeserve.co.uk/

In article <bduvu8$18e12 (AT) eccws12 (DOT) dearborn.ford.com>,
Mark Tranchant <mtranch2 (AT) ford (DOT) com> wrote:

The issue is with PNG gamma correction.

Right. More about this:
http://iki.fi/hsivonen/png-gamma.html

I solved this once, but I forget how.

AFAIK, you can't make PNG colors match CSS colors in all PNG-supporting
browsers at the same time.

Safari is the main problem case now. (If this bothers you, see
http://weblogs.mozillazine.org/hyatt/archives/2003_07.html#003630)

I think I just told the GIMP not to save any gamma information into
the PNG.

Alternatively, pngcrush can be used
pngcrush -d outputdir -rem gAMA -rem cHRM -rem iCCP *.png

--
Henri Sivonen
hsivonen (AT) iki (DOT) fi
http://www.iki.fi/hsivonen/
Mozilla Web Author FAQ: http://mozilla.org/docs/web-developer/faq.html

Henri Sivonen <hsivonen (AT) iki (DOT) fi> writes:

http://iki.fi/hsivonen/png-gamma.html

You write:

Given the same RGB values, the colors specified in CSS, HTML, JPEG, or
GIF have traditionally matched.

It depends on just *how* traditional your POV is. This is not true
for 16bit color depth, which probably still applies to about 50% of the
Internet population with a color display. For them, wether or not
document colors match image colors on their screen may depend on OS,
wowser and phase of the moon.

So if consistance matters a lot for you, the gamma correction issue is
pointless in *practical* terms.

--
<!DOCTYPO html>