I have tried placing the code after the </title> and inside an iframe. The iframe forces the animation into the right location but the click function is rendered useless as it leads back to the main site and only opens inside the iframe itself. Placing it after the </title> works to an extent however, the browser renders the site and the animation from two different points of reference the site in the center and the animation in the top left so you get the animation but off to the left of the page proper. Here is a link to the test site if anyone wants to see what I mean.
Thanks in advanced for any help provided,
Probably the most annoying part is that it looks great in dreamweaver but I guess that is because DW live view is rendering it at exact size so the top left corner of the animation and the site are both aligned at 0,0.
I'm still having a little trouble understanding exactly what the problem is. What do you want the page/animation to do? When I click the logo from the test site you sent it opens the homepage without the animation. You said that when you click it it reopens the page inside the iFrame? I am having trouble recreating that scenario if that's the case.
Sorry I tried a couple of things I found on other sites I don't have it in an iframe now but when implemented the animated logo will replace the stationary logo throughout the site. Currently the logo is also the button that takes you back to the index page and that is what the animated logo is set up to do. The issue should be obvious as I have determined that it isn't isolated to my computer I tried it on my system at work in two different browsers to the same effect. The animation and the site are rendered from two different starting points the site is rendered from the center of the browser windows and the logo is rendered from the top left corner of the browser window resulting in the logo being partially or completely out of place.
Got it! Found out how to make it work I just had to name the composition inside of edge and cram another div inside of the sidebar div tag. Then paste the <!--Adobe Edge Runtime--> contents after the title.
And now it renders perfectly. Now I am going to focus on updating the layout I am experimenting with HTML5 for the whole site and also with the fluid grid system.
<div id="stage" class="AnimatedLogo"></div><img src="/pictures/standin.png" alt="Logo" width="170" height="170" longdesc="Site Logo">
P.S. The standin.png is because I was to lazy to look up a way to have DW leave that space open for the animation.