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

re: Color Matching in IE6

Mike Anderson wrote on 02 jul 2003 in
comp.infosystems.www.authoring.stylesheets:
[color=blue]
> 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).[/color]

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

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

re: Color Matching in IE6

Evertjan. wrote:[color=blue]
> Mike Anderson wrote on 02 jul 2003 in
> comp.infosystems.www.authoring.stylesheets:
>
>[color=green]
>>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).[/color]
>
>
> make a 1x1 gif and use that as repeating background ?[/color]

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/

re: Color Matching in IE6

In article <bduvu8$18e12@eccws12.dearborn.ford.com>,
Mark Tranchant <mtranch2@ford.com> wrote:
[color=blue]
> The issue is with PNG gamma correction.[/color]

Right. More about this:
http://iki.fi/hsivonen/png-gamma.html
[color=blue]
> I solved this once, but I forget how.[/color]

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)
[color=blue]
> I think I just told the GIMP not to save any gamma information into
> the PNG.[/color]

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

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

re: Color Matching in IE6

Henri Sivonen <hsivonen@iki.fi> writes:
[color=blue]
> http://iki.fi/hsivonen/png-gamma.html[/color]

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>