suit: Opera 10.63 Fehler bei Prozentrechnungen?

Sorry für den Copy&Paste-Code, ich habe aber hier leider grade keinen Webserver zur Verfügung - kann das bitte jemand verifizieren oder mir sagen, was ich falsch mache.

Zwischen den drei Elementen ist jeweils ein Abstand zu sehen obwohl das offset von oben exakt der Höhe (bzw. einem vielfachen) der Elemente entspricht.

Fehler tritt unter Opera 10.63 auf (andere hab' ich nicht getestet), IE6 und 7 ebenfall. IE8 konnte ich nicht testen.

Firefox 3 und Safari 4 zeigen die Sache wie gewünscht an.

Lt. CSS-Spezifikation sind Prozentwerte eine number-Angabe die einen Dezimalpunkt beinhalten darf - ich bin verwirrt :)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>Testbild</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
html,
body {
width: 100%;
height: 100%;
overflow: hidden;
padding: 0;
margin: 0;
}

		.color {  
			list-style: none;  
			padding: 0;  
			margin: 0;  
		}  

		.color li {  
			padding: 0;  
			margin: 0;  
			position: absolute;  
			width: 100%;  
			height: 12.5%  
			  
			}  

		.color .red {  
			top:     0;  
			background: red;  
		}  

		.color .blue {  
			top:  12.5%;  
			background: blue;  
		}  

		.color .green {  
			top:  25.0%;  
			background: green;  
		}  
	</style>  
</head>  
<body>  
	<ul class="color">  
		<li class="red"></li>  
		<li class="blue"></li>  
		<li class="green"></li>  
	</ul>  
</body>  

</html>

  1. Hi,

    Lt. CSS-Spezifikation sind Prozentwerte eine number-Angabe die einen Dezimalpunkt beinhalten darf

    Dass Opera Probleme mit Prozentwerten mit Nachkommastellen hat, ist ein alter Hut.

    MfG ChrisB

    --
    RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
    1. Hallo,

      Lt. CSS-Spezifikation sind Prozentwerte eine number-Angabe die einen Dezimalpunkt beinhalten darf
      Dass Opera Probleme mit Prozentwerten mit Nachkommastellen hat, ist ein alter Hut.

      ja, daran dachte ich beim Lesen auch schon - aber dass IE6 und IE7 denselben Hut tragen, wäre mir neu. Meistens machen die doch ganz anderen Unsinn.

      Ciao,
       Martin

      --
      Wissen erwirbt man, indem man immer das Kleingedruckte sorgfältig liest.
      Erfahrung bekommt man, indem man das nicht tut.
      Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(
    2. Lt. CSS-Spezifikation sind Prozentwerte eine number-Angabe die einen Dezimalpunkt beinhalten darf

      Dass Opera Probleme mit Prozentwerten mit Nachkommastellen hat, ist ein alter Hut.

      Dass das mal ein alter Hut war wusste ich, aber dass das beim aktuellen Opera immer noch so ist - danke für die Bestätigung.