Simple scrolling content with header and footer

dabblet.css

/**
 * Simple scrolling content with header and footer
 */

html, body {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}

body {
	display: flex;
	flex-direction: column;
	height: 100%;
}

#header, #footer {
	background-color: #eee;
}

#header {
	border-bottom: 1px solid #ccc;
}

#footer {
	border-top: 1px solid #ccc;
}

#content {
	flex-grow: 1;
	overflow: auto;
}

dabblet.html

<div id="header"><p>Header</p></div>
<div id="content">
<p>
L'année 1866 fut marquée par un événement bizarre, un phénomène
inexpliqué et inexplicable que personne n'a sans doute oublié. Sans
parler des rumeurs qui agitaient les populations des ports et
surexcitaient l'esprit public à l'intérieur des continents les gens de
mer furent particulièrement émus. Les négociants, armateurs, capitaines
de navires, skippers et masters de l'Europe et de l'Amérique, officiers
des marines militaires de tous pays, et, après eux, les gouvernements
des divers États des deux continents, se préoccupèrent de ce fait au
plus haut point.
</p>
<p>En effet, depuis quelque temps, plusieurs navires s'étaient rencontrés
sur mer avec « une chose énorme » un objet long, fusiforme, parfois
phosphorescent, infiniment plus vaste et plus rapide qu'une baleine.
</p>
<p>Les faits relatifs à cette apparition, consignés aux divers livres de
bord, s'accordaient assez exactement sur la structure de l'objet ou de
l'être en question, la vitesse inouïe de ses mouvements, la puissance
surprenante de sa locomotion, la vie particulière dont il semblait
doué. Si c'était un cétacé, il surpassait en volume tous ceux que la
science avait classés jusqu'alors. Ni Cuvier, ni Lacépède, ni M.
Dumeril, ni M. de Quatrefages n'eussent admis l'existence d'un tel
monstre -- à moins de l'avoir vu, ce qui s'appelle vu de leurs propres
yeux de savants.
</p>
<p>
A prendre la moyenne des observations faites à diverses reprises -- en
rejetant les évaluations timides qui assignaient à cet objet une
longueur de deux cents pieds et en repoussant les opinions exagérées
qui le disaient large d'un mille et long de trois -- on pouvait
affirmer, cependant, que cet être phénoménal dépassait de beaucoup
toutes les dimensions admises jusqu'à ce jour par les ichtyologistes --
s'il existait toutefois.
</p>
</div>
<div id="footer"><p>Footer</p></div>

dabblet.js

// alert('Hello world!');

settings.json

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