couto · November 30, 2012 10:38
diff --git a/dabblet.css b/dabblet.css
 /**
 * http://www.w3.org/TR/CSS2/visuren.html#relative-positioning
 *  
 */
 .outer {
 	position: absolute;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	left: 0;
 	background: gold;
 }

 /**
 * I was expecting that this box offsetted to 50px from top
 * instead, it offsetted to half of the parent's height.
 * in webkit browsers, it doesn't offset at all.
 */
 .inner {
 	width: 100px;
 	height: 100px;
 	position: relative;
 	top: 50%;
 	background: lightgrey;
 }
diff --git a/dabblet.html b/dabblet.html
 <div class="outer">
 	<div class="inner"></div>
 </div>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* http://www.w3.org/TR/CSS2/visuren.html#relative-positioning
	*
	*/
	.outer {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: gold;
	}

	/**
	* I was expecting that this box offsetted to 50px from top
	* instead, it offsetted to half of the parent's height.
	* in webkit browsers, it doesn't offset at all.
	*/
	.inner {
	width: 100px;
	height: 100px;
	position: relative;
	top: 50%;
	background: lightgrey;
	}