Untitled

dabblet.css

.wrapper {
border: 1px solid #111;
white-space: nowrap;
height: 700px;
width: 960px;
}

.left {width: 270px; background: grey; height: 100%;}
.right { width: 690px; height: 100%; position: relative; }
.left, .right {
display: inline-block; vertical-align: top;
white-space: normal;
}

.header {height: 40px; position: absolute; background: cyan; width: 100%;}
.content {height: 100%; margin: 40px 0 60px 0; overflow: hidden; }
.content-inner { height: 100%; overflow-y: scroll;}
.footer { height: 60px; background: blue; position: absolute; bottom: 0; width: 100%;}

dabblet.html

</div><div class="wrapper"><div class="left">qwe</div><div class="right"><div class="header">header</div><div class="content"><div class="content-inner"><img src="//placehold.it/100x4000"></div><div class="footer">footer</div></div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}