Percentages in css using meteor? -
i'm started making first meteor app , wanted div to same height page, logically set height 100%. didn't work. set width 100%. didn't work. there mistake in code? or maybe meteor parse css weirdly?
<head> <title>facer</title> </head> <body> </body> <template name="home"> <div id="face"> <img id="faceimg" src="http://raritea.com/raritea/images/logo.svg"/> </div> </template> css:
body { margin: 0px; background-color: grey; } #face { background-color: black; width: 100%; height: 100%; } js:
router.map(function(){ this.route('home', {path: '/'}); });
or maybe meteor parse css weirdly? no, meteor works other web framework.
try css.
#face { background-color: black; width: 100%; height: 100%; position: absolute; } also in order use iron:route , off <body> tag recommend use layout template, this.
<template name="layout"> {{> yield}} </template> router.configure({ layouttemplate:'layout', }) the {{> yield}} helper take care of render template home
here meteorpad div full width/height on screen.
tutorial iron:router
check manuel schoebel iron router tutorial start point