another fluid min-full height & bottom footer

dabblet.css

/* another fluid min-full height & bottom footer */
html {
	height:100%;
	width:100%;
	}
body {
	height:100%;
	width:100%;
	display:table;
	table-layout:fixed;
	margin:0 auto;
	width:80%;
	}
.tr {
	display:table-row;
	background:turquoise
	}
section.tr {
	height:100%;
	background:yellow
	}

dabblet.html

<header class="tr"> <h1>title</h1><p>make me grow</p></header>
<section class="tr"><article>article</article></section>
<footer class="tr"> <p>Footer</p><p>make me grow</p></footer>

dabblet.js

// alert('Hello world!');

settings.json

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