The first commented line is your dabblet’s title

dabblet.css

/**
 * The first commented line is your dabblet’s title
 */

.wrapper {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 50px;
	background-color: red;
}
.footer {
	position: absolute;	
	bottom: 0;
	left: 0;
	right: 0;
	height: 50px;
	background-color: blue;
}
.content {
	position: absolute;	
	bottom: 50px;
	left: 0;
	right: 0;
	top: 50px
	background-color: gray;
}

dabblet.html

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

settings.json

{"view":"separate","prefixfree":"1","page":"result"}