enhance view management.
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>RENKAN test in read-only mode : body 100%</title>
<meta name="description" content="" />
<meta name="author" content="Institut de Recherche et d'Innovation" />
<script src="../lib/jquery.min.js"></script>
<script src="../lib/jquery.mousewheel.min.js"></script>
<script src="../lib/underscore-min.js"></script>
<script src="../lib/backbone.js"></script>
<script src="../lib/backbone-relational.js"></script>
<script src="../lib/paper.js"></script>
<script src="../../build/renkan.js"></script>
<script type="text/javascript">
$(function() {
var _renkan = new Rkns.Renkan({
editor_mode: false,
show_bins: false,
static_url: "../"
});
Rkns.jsonIO(_renkan, {
url: "../data/example-cinema.json"
});
});
</script>
<link rel="stylesheet" href="../css/renkan.css" />
<style type="text/css">
html {
heigt: 100%;
}
body{
margin: 0 auto;
width: 100%;
heigt: 100%;
}
header {
font-size: 14px;
height: 40px;
padding-top: 10px;
}
footer {
font-size: 14px;
height: 40px;
padding-top: 10px;
position:absolute;
bottom: 0;
}
.wrapper {
position:absolute;
top:40px;
left: 0;
right: 0;
bottom: 40px;
}
.rnk-container {
min-height: 100%;
position: relative;
width: 100%;
}
</style>
</head>
<body>
<header>
This is a header
</header>
<div class="wrapper">
<div class="rnk-container">
<div id="renkan"></div>
</div>
</div>
<footer>
This is a footer
</footer>
</body>
</html>