PDA

View Full Version : centered animation



sundvold
25 Jan 2012, 7:16 AM
hey guy,

When i used the beta version of sencha animator it was easy to center the animation using <center> tag just under the <body> section.
Now with the final release (1.1) it doesn't work anymore

thanks

arnebech
26 Jan 2012, 7:38 AM
Yeah, since scenes can have different sizes, it's a little different now.

You could add some css to give the "AN-sObj-parentOl" div a height and a width to match your scenes.

Then you could try something like this:
http://css-tricks.com/quick-css-trick-how-to-center-an-object-exactly-in-the-center/

vigom
5 Apr 2012, 1:58 PM
For those looking for how to center body exported from Animator.
You can change this on the CSS code part.


body,.AN-sObj-stage,ol,li {
/* margin: 0; */
padding: 0;
position: fixed;
top: 0%;
left: 50%;
/* margin-top: -50px; */
margin-left: -380px; /* Here you place half of you compostion width dimension */

Although I recommend reading the above link.
http://css-tricks.com/quick-css-trick-how-to-center-an-object-exactly-in-the-center/

darrenbang
8 Aug 2014, 12:54 AM
try CSS centering with Div ...http://www.corelangs.com/css/box/center-div.html

darren