Align and Origin doesn't work as expected

[eeandrew]

I'm new to Famous-Views. Please forgive me if the question is silly.

I create a very simple surface and I want it to be centered horizontally and vertically. Here is my code snippet:

{{#famousContext id="mainCtx"}}
   {{#Surface size="[400, 400]" class="red-bg" align="[.5, .5]" origin="[.5, .5]"}}
        <h1>Hello world!</h1>
    {{/Surface}}
{{/famousContext}}

However I did't get the expected result. This surface is only horizontally centered. It is displayed at the top instead of at the center of the screen.

[PankajJatav]

try this :
{{#famousContext id="mainCtx"}}
{{#Surface size="[400, 400]" class="red-bg" align="[0.5, 0.5]" origin="[0.5, 0.5]"}}
Your Content
{{/Surface}}
{{/famousContext}}

[eeandrew]

Thanks. But this doesn't solve the problem.
I found that it's because of the version problem.
Only these combination works:

mjn:famous@0.3.5
gadicohen:famous-views@0.2.2