Untitled

dabblet.css

html, body {
	height: 100%;
	margin:0;
}

.wrapper {
	
height: auto !important; height: 100%; min-height: 100%;

}
.content {
	background: #ccc;
	width: 100px;
	margin: 0 auto;
	position:absolute;
	top:0;
	bottom:70px;
	left: 50%;
	margin: 0 0 0 -50px;
	border-radius: 5px;
}

.content .inner {
	height: 100px;
	background: #dedccc;
}


footer {
	height: 50px;
	margin: -50px 0 0 0;
	background: #000;
}

dabblet.html

<div class="wrapper">
	<div class="content">
		<div class="inner"></div>
	</div>
</div>
<footer>
</footer>

settings.json

{"view":"split-vertical","prefixfree":"1","page":"html"}