I've tried several methods in order to solve this, but I haven't succeeded. Ex: Ember view height Even if I inspect the body with the class ember-application, or the inner div with the class ember-view, I still see the fixed height that is lower than 100%. So what causes this ?
index.html
...
<body>
... some script declarations....
</body>
...
templates/application.hbs
<header>
...
</header>
<main>
{{outlet}}
<main>
<footer>
...
</footer>
styles/app.css
....
.ember-view {
height: 100%;
}
Resulting HTML inspected through Chrome dev tools
<html data-ember-extension="1">
<body class="ember-application">
... scripts from body
<div class="hiddendiv common"></div>
<div id="ember286" class="ember-view">
<header>
</header>
<main>
<div class="container">
</div>
</main>
<footer>
</footer>
</div>
</body>
</html>
Aucun commentaire:
Enregistrer un commentaire