Have you seen this tutorial? http://sarahjustine.com/2013/04/08/create-scale-to-fit-projects-with-adobe-edge-animate/ You can use this then just wrap the #Stage div in another div that's 800px wide in your HTML markup.
It worked! Thank you ever so much, that has solved a major problem.
One question I do have on this, however, the origin point of it is aligned to the top-left, what can I put in to align it to the top-centre of the browser?
1 person found this helpful
Can you explain a bit further what you need this for? Are you just trying to center the Stage on your page?
Asking because when writing out this script I ran into some weird browser issues setting the transform origin to the center (IE and FF IIRC). You can give it a shot though by changing the transform origin in the code to:
“transform-origin”:”50% 0″, (for all prefixed instances)
Not guaranteeing results, but you can try
I'll give it a try and see what happens! Thanks for all your help, you're an absolute star!
It's for an explorative landing page, so the user has to explore the background image to find all the different animations and links, and style-wise it needs to be in the centre to fit in with the other aspects of the site.
Sorry to bother you again, but I have placed a navigation bar above my composition, and now it has moved my composition down to accomodate it, meaning the bottom of my composition is being cut off, and I really need for the user to see the whole thing.
Any pointers? I've tried setting a height limit to it, and also a max-height, and neither of these are restricting the height so that both the nav and the composition are completely visible.
Can link me to your site so I can take a look?