Color Matching in IE6

[Mike Anderson]

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;
}

[Evertjan.]

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)

[Mark Tranchant]

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/

[Henri Sivonen]

In article <bd**********@eccws12.dearborn.ford.com>,
Mark Tranchant <mt******@ford.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...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
hs******@iki.fi
http://www.iki.fi/hsivonen/
Mozilla Web Author FAQ: http://mozilla.org/docs/web-developer/faq.html

[Eric B. Bednarz]

Henri Sivonen <hs******@iki.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>