suit: Opera 10.63 Fehler bei Prozentrechnungen?

Beitrag lesen

SELF-Forum

Opera 10.63 Fehler bei Prozentrechnungen?

suit Homepage des Autors
– Informationen zu den Bewertungsregeln

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>

Beitrag melden
–
Informationen zu den Bewertungsregeln