Animate composition not previewing in Dreamweaver browser (IE10)

I am developing an animated logo within Edge and inserting it into my web page in Dreamweaver CC. It displays perfectly in Edge Animate's browser (IE10) but not in Dreamweaver's IE10 browser. It does play perfectly from DW if I use Chrome. Any ideas as to why it will not play using Internet Explorer from within Dreamweaver?

Darrell,
I really appreciate your interest in this. I am not too well versed in web design, so I hope I’m just doing or overlooking something silly.
Here is the link to the test I posted on my website. I hope this is what you were asking for.
http://www.thehorneagency.com/test_site/test_index.html
It is an extremely simple page consisting of a short text and a very brief Edge composition.
Yes, I am referring to the in-app previews, Edge (preview) and DW (live mode).
I will be extremely grateful for any ideas or suggestions you might have. I hope I haven’t bitten off more than I can chew with all of this.
Thanks,
Bob Horne
Dallas, TX

Similar Messages

Firefox 3.6.11 will not work with Dreamweaver browser preview.

Upgraded to 3.6.11 today. Now the browser preview in Dreamweaver will not work with Firefox. I have to use browser preview nearly every day, so I need to go back to 3.6.10 - how can I do this?

Here's the fix. Dump Firefox 3.6.13 and Re-Install Firefox 3.5.16. Problem solved.

Edge animate composition not working properly on bc

Hi,
I have placed an adge animate composition into the home page of a bc template site (www.w-o-o.me). When i view the home page in safari, the animation can take up to ten seconds before it loads. The business owner says they cannot see it at all. The same with a site i built in muse, (www.thisiscrap.co.uk) the home page marquee is an edge composition, this does not show at all sometimes and is just a blank space at the top of the screen.
Has anyone had a similar problem and if so how did you fix it?
Thank you.

Hi Liam,
Thank you very much yes that what i thought too, sorry i can't leave a link out in the forum coz the client wants to keep the project confidential at this stage, but i can PM you a link...
So you mean i have to edit the links in edge animate too? at first i couldn't get the shop template's css to load in subcategories, so i changed the links like that (/filename.css) and it worked but the edge animation wouldn't load when changing the paths for the files referred in the edge code that you put inside the head tag. So i'm guessing there must be some other paths that can't find its way around... and i found the below link last night, maybe this will work but I'm not sure how to put the javascripts and how to add the variable declaration to the root of my website like how they have mention in the below article, I'm more of a designer then a programer, but I'm learning on it, it would be great if you could tell me exactly whats that code and how to do it properly.
Adobe Edge: Embedding Animations in a Page | Daniel Hanly

Scene7 images not previewing in Dreamweaver

I am working with Dreamweaver CC 2014 on OSX and I would like to use Adobe Scene7 for hosting images in emails that my company sends out. However, I am running into a huge problem. The images do not show in preview nor live view. The only way to see them is by opening the html file in a browser.
The odd thing is, Scene7 is the only service that this occurs with. Other external images pull into to preview with any problems. I did check make sure that Display External Files is checked. Any help would be greatly appreciated.

Well, I don' t normally post the HTML email online, however,
for this one I did, just to check and see if that would make a
difference. It didn't. The link to my HTML email is:
HTML
email example
I have tried getting ideas from other forums and this seems
to be common, once you set absolute links, you cannot preview the
images in Dreamweaver anymore. Some people don't seem to mind and
others find it annoying (like me), I guess I will just have to get
used to it. The images are mostly jpgs created in Photoshop or
Illustrator, saved for web. All the images are uploaded to the
webserver.
In the local settings in the http box I now have:
http://www.burtek.com/
Thanks,
Cat.

Page that is uploaded to the server looks different from the preview in Dreamweaver browser

Hi, I have a couple of questions. Does anyone happen to know why my homepage looks different in Dreamweaver when I preview in browser then it does when I upload the page onto the server? http://www.iewaterkeeper.org/ I see a join our mailing list button is intact when I preview in browser but is no where to be found when I view the uploaded page from the server. Other weird things have been going on with Dreamweaver today like I wasn't able to absolute position a div tag in it's intended place and all the typography on my homepage looks very blurry in Dreamweaver but looks clearer when it's uploaded to the server. Does anyone know what's going on? Any help would be greatly appreciated. .... Could it be a virus?

That's so weird because I'm looking at the code in Dreamweaver and line 181 has a closing </body>.   Here's the code straight from Dreamweaver:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Inland Empire Waterkeeper</title>
<link href="_css/styles.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body,td,th {
    color: #999999;
    font-family: Verdana, Geneva, sans-serif;
body {
    background-color: #FFFFFF;
    color: #D6D6D6;
    background-image: url(_images/background_1255hompage.png);
    background-repeat: repeat-x;
    margin: auto;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
</style>
</head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="container">
<div class="header"><img src="_images/banner1.jpg" alt="Inland Empire Waterkeeper" width="933" height="300" /></div>
<div class="menubar">
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="index.html" class="MenuBarItemSubmenu">Home</a>
        <ul>
          <li><a href="mission.html" class="MenuBarItemSubmenu">About Us</a>
            <ul>
              <li><a href="mission.html">Our Mission</a></li>
              <li><a href="history.html">Our History</a></li>
              <li><a href="community.html">Our Community</a></li>
            </ul>
          </li>
          <li><a href="staff.html" class="MenuBarItemSubmenu">Our Team</a>
            <ul>
              <li><a href="staff.html">Staff</a></li>
              <li><a href="supporters.html">Supporters</a></li>
              <li><a href="advisoryboard.html">Advisory Board</a></li>
            </ul>
          </li>
          <li><a href="coastkeeper.html">Coastkeeper</a></li>
        </ul>
      </li>
      <li><a href="projects.html" class="MenuBarItemSubmenu">What We Do</a>
        <ul>
          <li><a href="advocacy.html" class="MenuBarItemSubmenu">Programs</a>
            <ul>
              <li><a href="advocacy.html">Advocacy</a></li>
              <li><a href="education.html">Education</a></li>
              <li><a href="research.html">Research</a></li>
              <li><a href="restoration.html">Restoration</a></li>
              <li><a href="enforcement.html">Enforcement</a></li>
            </ul>
          </li>
          <li><a href="projects.html">Projects</a></li>
          <li><a href="datareports.html">Data & Reports</a></li>
        </ul>
      </li>
      <li><a href="volunteer.html" class="MenuBarItemSubmenu">Get Involved</a>
        <ul>
          <li><a href="volunteer.html">Volunteer</a></li>
          <li><a href="employment.html">Employment</a></li>
          <li><a href="events.html">Events & Meetings</a></li>
          <li><a href="donate.html">Donate</a></li>
        </ul>
      </li>
      <li><a href="pressreleases.html" class="MenuBarItemSubmenu">News Room</a>
        <ul>
          <li><a href="pressrelease.html">In the News and Press Releases</a></li>
          <li><a href="legislation.html">Legislative Updates</a></li>
          <li><a href="waternews.html">Water in the News</a></li>
        </ul>
      </li>
      <li><a href="reportpollution.html" class="MenuBarItemSubmenu">Resources</a>
        <ul>
          <li><a href="watershed.html" class="MenuBarItemSubmenu">Information</a>
            <ul>
              <li><a href="watershed.html">Our Watershed</a></li>
              <li><a href="reportpollution.html">Report Pollution</a></li>
            </ul>
          </li>
          <li><a href="photos.html">Photo Gallery</a></li>
        </ul>
      </li>
      <li><a href="contact.html">Contact Us</a></li>
    </ul>
</div>
    <div class="missionstatement"><img src="_images/mssionstatement.gif" alt="Inland Empire Waterkeeper" width="933" height="110" /></div>
<div class="space1"><img src="_images/bar_left.png" alt="Inland Empire Waterkeeper" width="20" height="315" /></div>
<div class="facebook">
      <div class="facebooktop">
      <img src="_images/facebooktop.gif" width="106" height="125" alt="Inland Empire Waterkeeper" /></div>
    <div class="facebookmailinglist">
    <div class="fb-like" data-href="http://www.iewaterkeeper.org/" data-send="true" data-width="106" data-show-faces="false"></div>

<div align="center">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="https://imgssl.constantcontact.com/ui/images/visitor/bevel_tl_gray.gif" width="6" height="6" alt=""></td>
<td background="https://imgssl.constantcontact.com/ui/images/visitor/bevel_bg_top_gray.gif"> </td>
<td><img src="https://imgssl.constantcontact.com/ui/images/visitor/bevel_tr_gray.gif" width="6" height="6" alt=""></td>
</tr>
<tr>
<td background="https://imgssl.constantcontact.com/ui/images/visitor/bevel_bg_left_gray.gif"></td>
<td bgcolor="#cccccc"><a href="http://visitor.r20.constantcontact.com/d.jsp?llr=wejp69bab&p=oi&m=1101488694422" target="_blank" style="text-decoration:none; font-weight: bold; font-family:Arial; font-size:10px; color:#336666;">Join Our Email List</a></td>
<td background="https://imgssl.constantcontact.com/ui/images/visitor/bevel_bg_right_gray.gif"></td>
</tr>
<tr>
<td><img src="https://imgssl.constantcontact.com/ui/images/visitor/bevel_bl_gray.gif" width="6" height="6" alt=""></td>
<td background="https://imgssl.constantcontact.com/ui/images/visitor/bevel_bg_bottom_gray.gif"> </td>
<td><img src="https://imgssl.constantcontact.com/ui/images/visitor/bevel_br_gray.gif" width="6" height="6" alt=""></td>
</tr>
</table>
</div>

    </div>
    <div class="space2"><img src="_images/bar_right.png" width="21" height="315" alt="Inland Empire Waterkeeper" /></div>
   <div class="video"><iframe width="560" height="315" src="http://www.youtube.com/embed/3OU8D8kBjWg" frameborder="0" allowfullscreen></iframe></div>
    <div class="space3"></div>
    <div class="photospace1"></div>
    <div class="photo1"><a href="_images/kayaking_6lg.png"><img src="_images/kayaking_6.jpg" alt="Inland Empire Waterkeeper" width="176" height="95" /></a></div>
    <div class="photospace2"></div>
    <div class="photo2"><a href="_images/riverkat_57lg.png"><img src="_images/riverkat_57.jpg" width="176" height="95" alt="Inland Empire Waterkeeper" /></a></div>
    <div class="photospace3"></div>
    <div class="photo3"><a href="_images/riverkat_172lg.png"><img src="_images/riverkat_172.jpg" width="176" height="95" alt="Inland Empire Waterkeeper" /></a></div>
    <div class="photospace4"></div>
    <div class="space4"></div>
<div class="pillars"><img src="_images/pillars_grey.jpg" alt="Inland Empire Waterkeeper Pillars" width="933" height="400" border="0" usemap="#Map" />
    <map name="Map" id="Map">
      <area shape="rect" coords="77,54,297,198" href="advocacy.html" alt="Inland Empire Waterkeeper Advocacy" />
      <area shape="rect" coords="361,51,584,195" href="education.html" alt="Inland Empire Waterkeeper Education" />
      <area shape="rect" coords="636,54,858,196" href="research.html" alt="Inland Empire Waterkeeper Research" />
      <area shape="rect" coords="212,220,430,352" href="restoration.html" alt="Inland Empire Waterkeeper Restoration" />
      <area shape="rect" coords="502,222,726,364" href="enforcement.html" alt="Inland Empire Waterkeeper Enforcement" />
    </map>
</div>
<div class="footer"><img src="_images/footer2.png" width="933" height="100" alt="Inland Empire Waterkeeper" /></div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>

Edge Animate Content not working in DreamWeaver

I already insert>media>EdgeAnimateContent into the div I wanted it in. I uploaded all my supporting files to my server. Not showing up in preview or when I make the page live.

When I go to DW Live View It automatically logs me into the site and I don't get to see the index page that I am trying to put this on. This is what I see in design view...
When I publish it the An file doesn't show. When I refresh the page the "Log In" div is in the correct place for a fraction of a second and then snap up to the top (where the An should be).

Edge animate composition not loading on Business Catalyst catalogue's sub-catalogues...

Hi,
I need urgent help on this one... I have this edge animation slider on the all the pages of the website and its loading perfectly on all the other pages accept the sub-catalouges of our online shop, i believe this issue is caused because if the relative URL thing, but I'm not sure how to correct this, which code should i add and to which files, please help, i have an urgent deadline to meet and i couldn't fix it, i hope you guys here would help as we paying every month for your services.
Thank you very much..
Cheers,
Sam

Hi Liam,
Thank you very much yes that what i thought too, sorry i can't leave a link out in the forum coz the client wants to keep the project confidential at this stage, but i can PM you a link...
So you mean i have to edit the links in edge animate too? at first i couldn't get the shop template's css to load in subcategories, so i changed the links like that (/filename.css) and it worked but the edge animation wouldn't load when changing the paths for the files referred in the edge code that you put inside the head tag. So i'm guessing there must be some other paths that can't find its way around... and i found the below link last night, maybe this will work but I'm not sure how to put the javascripts and how to add the variable declaration to the root of my website like how they have mention in the below article, I'm more of a designer then a programer, but I'm learning on it, it would be great if you could tell me exactly whats that code and how to do it properly.
Adobe Edge: Embedding Animations in a Page | Daniel Hanly

Dreamweaver browser preview works but not on live site?

Hello.
my dreamweaver browser preview works perfectly, the live site appears different?
how can i fix this issue. this is the url ciesladesign.com
the first image attached...is the disired appearance
the second image attached...is live web appearance (NOT DESIRED)

below is the source:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>ciesla design site 01</title>
<link href="CSS/layout.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
          background-color: #FFF;
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="logo"><a href="index.html"><img src="images/CIESLA DESIGN LOGO-01.png" width="800" height="120" alt="ciesla design logo" /></a></div>
<div id="navagation">
<ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
    <li><a href="work.html">Work</a>    </li>
    <li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div id="headerImg"><img src="images/aboutimagered.jpg" width="800" height="250" alt="portsmouth nh" /></div>
<div id="bodyArea">
<div id="left">
    <p>An Industrial designer from Pratt Institute established Ciesla Design in 2009, a visual solutions based design group. Our Mission is to develop inventive and fresh design. We have developed a comprehensive approach to our design process, employing an innovative interpretation of market research and a unique visual aesthetic. We work intimately with our clients to achieve the most personalized and effective brands and products.</p>
</div>
<div id="right">
<p>mail inquiries to:</p>
    <p>[email protected]</p>
</div>
<div id="footer">Copyright2009</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
below is the css:
@charset "UTF-8";
          margin: 0px;
          padding: 0px;
#wrapper {
          background-color: #FFF;
          width: 800px;
          margin-right: auto;
          margin-left: auto;
#wrapper #logo {
          height: 200px;
          background-color: #FFF;
a img {
          border-top-style: none;
          border-right-style: none;
          border-bottom-style: none;
          border-left-style: none;
#wrapper #navagation {
          height: 50px;
          width: 800px;
          margin: 0px;
          float: none;
#wrapper #headerImg {
          height: 250px;
          background-color: #FFF;
          background-image: url(../images/IMG_800x533.png);
          margin-right: auto;
          margin-left: auto;
#wrapper #bodyArea #left {
          width: 550px;
          background-color: #FFF;
          float: left;
          font-family: Arial, Helvetica, sans-serif;
          font-size: 12px;
          color: #333;
#wrapper #bodyArea #right {
          width: 250px;
          background-color: #CCC;
          float: right;
          font-family: Arial, Helvetica, sans-serif;
          font-size: 12px;
          color: #333;
#wrapper #bodyArea #footer {
          height: 40px;
          clear: both;
          width: 0px;
          padding-top: 50px;
          padding-right: 20px;
          padding-bottom: 20px;
          padding-left: 0px;
          margin-top: 0px;
          margin-right: 0px;
          margin-bottom: 0px;
          margin-left: 0px;
p {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 12px;
          color: #333;
          margin: 20px;

Responsive scaling of Edge Animate composition in Dreamweaver Fluid Grid Layout

I have created an animation in Edge Animate and have placed it in the header of a Dreamweaver Fluid Grid Layout. I have put it in a div by itself so it can be turned off in the mobile layout. When I test the layout in a browser, the Edge Animate composition scales responsively to the window size, but the height of the div it is in does not. The width of the div changes with the width of the window, but the height of the div remains the same. Because the height of the div doesn't change, as the animation responds and resizes it leaves a large empty space between the bottom of the animation and the content that follows it on the page.
The div itself does not have a rule for it's height associated with it. It seems to me that the div is getting its height from the original size of the html object which is the animation. I tried removing the height rule for the object, but then the div clips the bottom of the animation, and again, it doesn't resize with the window.
Is there a way I can get the div's height to resize with the size of the animation as it changes?

Thanks for your reply. You're right about most people not resizing their viewport during a session, but unfortunately the problem exists whether the screen is being resized or not. Refreshing the screen doesn't solve the problem.
The width of the div adjusts to the width of the screen as expected and the Edge Animate composition inside it does too, but the height of the div doesn't adjust. As the animation gets smaller to fit the width, the height of the div that contains it remains the same, leaving empty space at the bottom of the div. What is needed is for the div to scale to fit the page width proportionally. Instead, only the width is adjusting.
So I guess I need to know if there's either a way to force the div to scale proportionally or a way to tell it to adjust to the animation that it contains.

Firefox 3.6.13 will not open as the browser to view web pages from within Dreamweaver CS3

I build websites with Dreamweaver CS3. I am operating on Mac OS 10.4.11 using Firefox 3.6.13 - The problem began on the last software update. I like to use Firefox instead of Safari. Up to the point where I upgraded, I never had a problem but now, when I go to preview/debug in browser, Firefox loads but it goes no farther than my home page ... it will not load the Dreamweaver page preview. Safari works fine. So I think there may be a problem loading 3.6.13 past the startup page.

Here's the fix. Dump Firefox 3.6.13 and Re-Install Firefox 3.5.16. Problem solved.

Bridge Delaying Dreamweaver Browser Preview

I have noticed that when Adobe Bridge is open, Dreamweaver
CS3 has trouble previewing in my Firefox browser (have not tried
other browsers). When I preview, the hour glass appears for 20-30
seconds and then, finally the preview appears in the browser.
With Bridge closed the preview displays immediately without
delay.
I like to work with Photoshop, Bridge, and Dreamweaver open
at the same time so it is kind of a slow down to have to close
bridge when I do a lot of previews (and I do A LOT of previews).

Same problem in IE7 preview as well. Running Windows XP SP2
Other apps can be open (such as After Effects or Premiere
Pro) with no problem. I only get this with Bridge running.
Open Dreamweaver, Photoshop and Bridge. Then use the browser
preview globe button in Dreamweaver to preview to a browser. If you
don't get a long delay, then I have something else going on I
guess.

Muse will not preview Edge Animate File

Once I have published my Edge content I place it in Muse and then try to preview it using the preview button. It will not work. I preview my work using the Edge Animate previewer and it plays just fine. I play the HTML file in Firefox and it works. I have scanned the web for two days without any luck to a solution. Thank you in advance for any help.

Hi,
Please refer to these threads for steps that you can try :
Edge Animation not working properly
Edge Animate not working in Muse Browser Preview, But works in Edge Preview
http://tv.adobe.com/watch/learn-adobe-muse-cc/integrating-adobe-edge-animate-graphics/

Dreamweaver CS6 not previewing embedded YouTube Videos

I've created a simple page with a number of YouTube videos embedded on it but Dreamweaver CS6 will not preview the videos unless the page is uploaded to a web server first.
I've gotten the embed code from YouTube and pasted it into the code window (in split view). A grey box indicating the player shows up in the design window, but after saving the page and attempting to view it in Live View or previewing in Safari, the YouTube players won't load.
I did manage to get the the players to show only after uploading to a temporary website (http://www.omnimediaservices.com/orionvideos.html) but there should be a way to preview this in a browser at least before having to upload.

I have the same problem as beerstine . I added the prefix as you suggested but for not.
This is the code I pasted and fixed:
<iframe width="640" height="360" src="http://www.youtube.com/embed/P5C3sNTxsxU?rel=0" allowfullscreen></iframe>
There is another thread about the same thing:
http://forums.adobe.com/thread/1245181

Image Preview not working in Dreamweaver CC

I recently switched from Dreamweaver CS5 to Dreamweaver CC and my images don't preview in Dreamweaver CC interface "Design" mode/tab at all. My images are hosted at an Adobe Scene7 URL that I know the image path is correct because it works when I preview using the image path URL.
I need to get these images to preview in Dreamweaver so that I can ad hotspot areas to them and also visualize what it looks like before making web pages live.

DW should automatically show you those files in Design View.
Unless you are using a firewall, that should not be checked. If you have not defined a site yet, that would never have come up to be checked.
Does View > Refresh Design View (F5) do anything for you?
What happens when you switch to Live View on the page(s) in question?

When I type a link to a page in my root directory in code view and I click on the link in live view it does not go to that page. But if I preview in a browser it works fine.

When I type a link to a page in my root directory in code view and I click on the link in live view it does nothing. When I then go to preview in a browser it works fine. Can anybody help?

I am not sure however I suspect live view is for viewing the page you are working on. You would have to open the other page to see it in live view. The browser on the other hand is doing what it is designed to do. I jump back and forth all the time from live view to the browsers I have installed.

Animate composition not previewing in Dreamweaver browser (IE10)

Similar Messages

Maybe you are looking for