I need a symbol to remain center screen on my web page no matter the screen resolution settings.

Question

Im trying to create an animation with functions inside a symbol. I need the symbol settings to remain seprate from the other settings of other items on the page such as "stage" and "background image" which are set to %  height.width,longitude,latitude . It is important that the symbol stays in the center of the screen. I also need this symbol to always remain in the center of the screen no matter screen resolution settings  that are likly range from 1360x768 to 1920x1080.

Answer 1

Hi there,
I solved the problem. but by solving the problem with centering the symbol on the stage I created another one, a very strange problem.
Firstly the solving of centering problem:
I left all settings of the symbol by px, (means no responsive layout), set 0 px o for position, and wrote a css which then centered the symbol on the stage,
sym.$("products").css({
   margin : 'auto',
   position: 'relative'
here how does it look in edge:
The symbol products is behaving just as supposed. The problem I created and which I don#t understand at all: I created another symbol (news) made the very same adjustments, but the symbol is not positioned as supposed. (of course I change the name of symbol in css). What the heck???
Anyone any idea why this is happening?
Here the link:
http://www.stanko-b.com/heelbopps
Stanko