johanovic/dabblet.css

## dabblet.css
/**
 * To test my positions
 */

div.main {
	background: #ccc;
	color: #ededed;
}
#blockleft {
	background: black;
	width: 33%;
	float: left;
}
#blockmiddle {
	width: 33%;
	float: left;
	background: blue;
	position:relative;
}
#blockright {
	width: 33%;
	float: left;
	background: pink;
}
div.header {
	background:red
}
div.footer{
	background: yellow;
}

## dabblet.html
<body>
<div class="header">
test. some more text.
</div>

<div class="main">
	<div id="blockleft"> This is a left bound block</div>
	<div id="blockmiddle"> This is a middle block </div>
	<div id="blockright"> This is a block at the right </div>

test. some more text.
</div>

<div class="footer">
test. some more text.
</div>


</body>

## settings.json
{"view":"split-vertical","seethrough":"","prefixfree":"1","page":"result"}
	/**
	* To test my positions
	*/

	div.main {
	background: #ccc;
	color: #ededed;
	}
	#blockleft {
	background: black;
	width: 33%;
	float: left;
	}
	#blockmiddle {
	width: 33%;
	float: left;
	background: blue;
	position:relative;
	}
	#blockright {
	width: 33%;
	float: left;
	background: pink;
	}
	div.header {
	background:red
	}
	div.footer{
	background: yellow;
	}
	<body>
	<div class="header">
	test. some more text.
	</div>

	<div class="main">
	<div id="blockleft"> This is a left bound block</div>
	<div id="blockmiddle"> This is a middle block </div>
	<div id="blockright"> This is a block at the right </div>

	test. some more text.
	</div>

	<div class="footer">
	test. some more text.
	</div>


	</body>