voidove/dabblet.css

## dabblet.css
/**
 * three column absolute
 */

.wrapper {
  position: relative;
}
.left {
  width: 200px;
  height: 200px;
  border: 1px solid red;
  position: absolute;
  left: 0;
  right: 0;
}
.right {
  width: 200px;  height: 200px;  border: 1px solid blue;
  position: absolute;
  right: 0;
  top: 0;
}
.middle {
  border: 1px solid grey;
  height: 220px;
  padding-left: 230px;
  padding-right: 230px;

}

## dabblet.html
<!-- content to be placed inside <body>…</body> -->

<div class="wrapper">
  <div class="left"></div>
  <div class="middle"></div>
  <div class="right"></div>
</div>

## dabblet.js
// alert('Hello world!');

## settings.json
{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* three column absolute
	*/

	.wrapper {
	position: relative;
	}
	.left {
	width: 200px;
	height: 200px;
	border: 1px solid red;
	position: absolute;
	left: 0;
	right: 0;
	}
	.right {
	width: 200px; height: 200px; border: 1px solid blue;
	position: absolute;
	right: 0;
	top: 0;
	}
	.middle {
	border: 1px solid grey;
	height: 220px;
	padding-left: 230px;
	padding-right: 230px;

	}
	<!-- content to be placed inside <body>…</body> -->

	<div class="wrapper">
	<div class="left"></div>
	<div class="middle"></div>
	<div class="right"></div>
	</div>