0

On initial page load: DEMO HERE, the surface size falls 16px short of the full page width.

The modifier is set to [undefined,undefined] so it should take the parent's dimensions.

When you click to a different route ('bouncy' or 'flippy') and come back to it ('home'), the surface is now the full width of the page. Also, if you open the dev tools/inpsector, this causes it to reflow to the full width.

I've tested this without meteor using the same css and it works without this issue.

I'm using Meteor 1.0 with the raix:famono package, the mjn:famous package, they both produce the same problem. Occurs on Chrome 39/Safari 8.0.1/FF 34.0/IE 11 (33px short on IE)

mbow
  • 147
  • 1
  • 3
  • 11

1 Answers1

0

This is from the user agent stylesheet. There is a 

body{
    margin:8px;
}

that is causing the 16px shortness. If you include a normalize.css to override these or meteor add mrt:normalize.css, you won't have this problem.

mbow
  • 147
  • 1
  • 3
  • 11