Question about "absolute positioning"


let me ask basic question.

 

 

this simple script written in html file.

-----------------------------------------------------------

<img src="images/icon_48_48.png" />

<span>hello world</span>

<script>   $("span").css({"position":"absolute"  ,  "left":  "0px"  , "top":  "0px"});  </script>

-----------------------------------------------------------

the letters "hello world" comes @ top-left corner of browser , overlap  image.

 

 

 

 

on other hand in case of adobe edge ....

 

 

  --- drag , drop symbol on stage.

  --- place x:100px y:200px;

  --- name ""syma".

  --- write script below in compositionready.

-----------------------------------------------------------

sym.getsymbol("syma").getsymbolelement().css(

                                                  {"position":"absolute",

                                                  "left":  "10px",

                                                  "top":  "10px"});

-----------------------------------------------------------

this symbol not placed @ top-left corner.

it moves lower right 10px.

 

 

(question 1)

  how can place symbol absolutely.

 

 

 

 

(question 2)

  why edge's behavior differs of css on browser?

 

regards

hi,

 

your code works fine. can download demo file here.

your problem can somewhere else.

could check properties panel?

propertiespanel.jpg



More discussions in Edge Animate CC


adobe

Comments

Popular posts from this blog

Joomla 3.3 Installation Error message - Joomla! Forum - community, help and support

Multilanguage infinite redirect loop error. - Joomla! Forum - community, help and support

trim media limit reached