CSS: % in mozilla und png-Gamma in IE

Zitat von that

Date: 2000-11-20 21:37:11 PST

Aber es gibt natürlich noch immer genug Bugs...

http://www.mozilla.org/docs/web-dev...s/REC-CSS1.html

das ugly-thing daran is, dass der eine bug da drinnen - nämlich, dass die "height" nicht korrekt berechnet wird ( und ein paar andere) immer noch existieren... und das eine volle version danach...

die üblichen lösungswege für diese art von css problemen sind:
a) mehrere divs ineinander schachteln und die fehlerhaft interpretierten attribute (zb padding) meiden, (so daß der browser gar nicht die möglichkeit hat, deine margin,border,padding und width-angaben anders zu verstehen als du es willst. (das sind ja die großen unterschiede zwischen den browsern)
b) genau das gegenteil: auf das div herum verzichten, und alle styles direkt auf das innerste Tag anwenden (in deinem fall das <A ) (geht nur, wenn du ohne padding auskommst)

thx@atrox - das hats gebracht
so, meine lösung fürs protokoll:

Code:

[SIZE=1]/* -- CSS -- */
.menu {
	position:absolute;
	left:0px;
	top:154px;
	width:100%;}
.menu a {
	height:24px;
	padding-left:3px;
	background-color:#666666;
	border-top:solid 1px #939393;
	border-bottom:solid 1px #939393;
	background-image:url(btn_rasta.png);
	background-repeat:repeat-y;
	vertical-align:middle;
	line-height:22px;
	display:block;}
.menu div {
	height:9px;
	width:100%;
	overflow:hidden;}

/* -- HTML -- */
<div class="menu">
	<a href="http://validator.w3.org/check/referer">validate!</a>
	<div></div>
	<a href="www.xx.com">forum</a>
	<div></div>
	<a href="www.xx.com">downloads</a>
	<div></div>
	<a href="www.xx.com">links</a>
</div>[/SIZE]

ich hab ein bissal "gespart"
wichtig bei den leeren div's is das overflow:hidden , weil man andernfalls nie sicher einen bestimmten wert für die höhe angeben kann
auch eben das display:block is essentiell...

getestet mit ie6, opera7.01,Mozilla 1.3a (build: 2002121215)
wobei mozilla die ganzen links um 1-2px zu hoch macht...



bleibt noch das gamma-problem...

http://www.libpng.org/pub/png/color...gs-gamma22.html

ie rockz...

oh great:
MSIE 5.0 is an interesting case. Initially it appeared to match the non-gamma-correcting results of NN 4.x, but the two gamma 1/2.2 cases belie that appearance. It is doing something to the PNG colors, but clearly not the same thing as to the HTML and CSS colors. (Best guess: it gamma-corrects only the PNGs, but it assumes a display gamma of something other than 2.2--perhaps 2.0?)

perhaps also in ie6?

jo, das hab ich mir auch grad gedacht...
grund war ursprünglich, dass ich den coolen alpha-channel von den png's verwenden wollte... wie unhöflich von mir zu erwarten, dass der ie den richtig interpretieren kann

ok, lösung: gif
(ausweichen auf das alte und vergammelte, jedoch bewährte format...)

thx für die umfangreiche hilfe atrox

Zitat von atrox

die unterstützung für alpha-kanäle ist unter ie so schlecht (alles was nicht 100% durchsichtig ist, ist nicht durchsichtig), dass das gamma-problem nebensächlich wird.

ja, das hab ich schon herausgefunden... wie gesagt "ursprünglich" (zum zeitpunkt des "leider nicht"-posts hab ich das zwar shcon gewusst, und die pics waren eh schon ohne alpha, aber irgendwie is das nicht durchgedrungen... naja wär trotzdem praktisch gewesen, hätte ich das prob lösen können... (filesize...)