eGo: [schwierig] Webkit margin-top in Prozent position absolute

Folgender Code:

<!DOCTYPE html>  
<html>  
<head>  
<meta charset="ISO-8859-1">  
<title>Title</title>  
<style>  
.box{  
	margin-top:50%;  
	width:10%;  
	height:100px;  
	background:red;  
	position:absolute;  
}  
  
</style>  
</head>  
<body>  
  
<div class="box"></div>  
</body>  
</html>

Wird in Webkit-Browser anders als in anderen interpretiert. Webkit bezieht das margin-top in % auf die Fensterhöhe, alle anderen so wie es sich gehört auf die Breite. Gibt es da eine Lösung, dass sich Webkit richtig verhält?

Beste Grüße

  1. @@eGo:

    nuqneH

    Wird in Webkit-Browser anders als in anderen interpretiert.

    Scheint mir nach überfliegen der Spec ein Bug im Webkit zu sein. Der übrigens nur bei 'position: absolute' und 'position: fixed' auftritt, nicht aber bei 'position: relative' und 'position: static'.

    Gibt es da eine Lösung, dass sich Webkit richtig verhält?

    Nicht absolut positionieren.

    Qapla'

    --
    Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
    (Mark Twain)
    1. Hi.

      Wird in Webkit-Browser anders als in anderen interpretiert.

      Scheint mir nach überfliegen der Spec ein Bug im Webkit zu sein. Der übrigens nur bei 'position: absolute' und 'position: fixed' auftritt, nicht aber bei 'position: relative' und 'position: static'.

      Gibt es da eine Lösung, dass sich Webkit richtig verhält?

      Nicht absolut positionieren.

      Ist ein Workaround eigentlich eine Lösung?

      Schönen Sonntag noch!
      O'Brien

      --
      Frank und Buster: "Heya, wir sind hier um zu helfen!"