Footer div not aligning in Dreamweaver when swf file added...

Hi, here's a good one!
I have a template that has a div (#footer) as an uneditable area. When I add an swf file to a div above it (#flash), the #footer div displaces in Dreamweaver, but looks OK in any browsers that I preview it in.
Here's a link.... It's the DESIGN page that's the issue and I'm guessing that any other pages based on this template may generate the same problem.
http://www.davidcoshdesign.com/nea
Any ideas?
Thanks in anticipation!

Add clear: both; to the ccs selector below (as shown)
#footer {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #FFF;
    height: 45px;
    width: 950px;
    left: 50px;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    text-decoration: none;
    top: -50px;
    position: relative;
    float: left;
    margin: 0px;
   clear: both;

Similar Messages

ExternalInterface not working when swf file is embed inside a dynamically cloned DIV element.

ExternalInterface not working when swf file is embed inside a dynamically cloned DIV element.
It seems that flash movie is identifed as 'undefined' inside document.
//a statically placed div
var staticdiv=document.getElementById('PropDiv');
//dynamically placed div with object tag
var dynDiv =staticdiv.cloneNode( true );
var xD=50;
var yD=50;
if(dynDiv)
dynDiv.style.display = "block";
dynDiv.innerHTML="<object classid=" + "\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\"" + "codebase=" +
"\"http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0\"" + "width=" + xD + "height=" + yD +
"id=" + "\"external\"" + "align=" + "\"middle\"" + ">" +
                "<param name=" + "\"allowScriptAccess\"" + "value=" + "\"sameDomain\"" + "/>" +
                "<param name=" + "\"movie\"" + "value=" + "\"external.swf\"" + "/>" +
                "<param name=" + "\"quality\"" + "value=" + "\"high\"" + "/>" +
                "<param name=" + "\"wmode\"" + "value=" + "\"transparent\"" + "/>" +
                "<param name=" + "\"bgcolor\"" + "value=" + "\"#ffffff\"" + "/>" +
                "<embed src=" + "\"external.swf\"" + "quality=" + "\"high\"" + "wmode=" + "\"transparent\"" +"bgcolor=" + "\"#ffffff\""
+ "width=" + xD + "height=" + yD + "name=" + "\"external\"" + "align=" + "\"middle\"" + "allowScriptAccess=" + "\"sameDomain\"" +
"type=" + "\"application/x-shockwave-flash\"" + "pluginspage=" + "\"http://www.macromedia.com/go/getflashplayer\"" + "/>" +
                "</object>";
   dynDiv.style.top=50;
   dynDiv.style.left=100;
document.body.appendChild(dynDiv);
In above situation communication is not establised when a funtion which is retruning boolean is called from flash using
ExternalInterfcae.call.The return value of this function is getting as false inside flash.But the value is true in javascript.
if (navigator.appName.indexOf("Microsoft") != -1) {
   return window[movieName];
} else {
   return document[movieName];
window["external"] is returning as 'undefined'.
Please give a solution to solve this.

Note that you have different file names for the object (images/banner.swf) and the embed (images/banner1.swf)
You also placed the embed in the middle of a param tag and nested all param tags.
Because you didn't include a MIME type and the object doesn't have a classid for an ActiveX control for IE, I'm not sure what Firefox will be using.<br />
The object doesn't have a data attribute to specify the file.<br />
A separate embed is only needed when you specify a classid in the object.
<pre><nowiki><div class="bannercontainer">
<object width="940" height="445" type="application/x-shockwave-flash" data="images/banner.swf" >
<param name="wmode" value="transparent" />
<param name="movie" value="images/banner.swf" />
</object>
</div></nowiki></pre>

How to disable F1 to F12 keys in Web Browser when SWF file is in focus

Hi all,
Im running / loading a swf file in IE. I want to disable the
function keys ( F1- F12 keys) in IE as I have defined special
functions for these keys in my swf / flash file.Im using a
javascript code to do this and the javascript code is working
correctly.But the problem starts when the swf file is in focus,
when swf file is in focus and if I press the F3 key the search of
IE opens, but I have defined a special function in my swf file for
this key, here the IE is overriding and it's taking the precedence
in the event handling this is what I want to disable.So that I can
catch the event in SWF file or get the Key code and run the my
function defined for the key.
Thanks.

apollothethird wrote:
When testing my applets on a Linux Web site Im finding that I have to totally exit the browser, then open up a new browser session to see the updates on my applets. Yes. Applets can be horrible for caching. I am surprised that exiting and restarting the browser works. I usually clear the cache in the Java Console.
..The refresh button on the browser wont show the new version of the jar file program. I find this consistent with Firefox, MS Internet Explorer, and Google Chrome.
Is there some type of browser option that will allow the next jar version to be run without having to exit out of the browser to see it?
No, but if the Java Console is open, it is pretty easy to force a refresh of the classes.
As an aside, for a more general solution for your end users, look to launch the app. using [Java Web Start|http://java.sun.com/javase/technologies/desktop/javawebstart/index.jsp] . Updates are reliable and automatic.
Thanks in advance for any comments on this.No worries (in advance).
Note that my reply would have been sooner, except that I felt compelled to get that matter of the link in your post dealt with, before commenting.

When swf file ends, cut to main page

When swf file without navigation,that has been loaded into
the main timeline, finishes, I want to quickly and automatically
crossfade back to main home page with its navigation. (action
script 2 CS3.) Thank you.

Try including source files instead of SWC's where possible
(the Framework, Cairngorm, etc.) - the compiler will only include
what is needed. Also consider using modules if there are parts of
the application that may be logically broken out.

Divs not aligning in design view.

Hi,
I have to divs next to each other their combined widths = the divs width I have wrapped around them so they should align perfectly. However in disign view one of the divs is pushed below the other but when I preview in the browser they are aligned how they should be. I know this isn't a huge problem as in the browser its appearing how it should but its really distracting whilst I'm still coding a site when divs aren't where they should be.
I have attached my code and css styles. If someone could advise what may be going on.
Thank you and kind regards
Elliot
Source code
<!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>Untitled Document</title>
<link href="web_design_style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
</head>
<body onload="MM_preloadImages('images/nav_bar/home_ro.png','images/nav_bar/about_ro.png','imag es/nav_bar/packages_ro.png','images/nav_bar/portfolio_ro.png','images/home header/nav_bar/contact_home_RO.png')">
<div id="web_centre_wrap">
<div id="header_home">
<div id="top_header_home"></div>
<div id="middle_header_left_home"></div>
<div id="middle_header_right_home"></div>
<div id="menu_bar_home">
<table width="396" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td><a href="web_design_home.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','images/nav_bar/home_ro.png',1)"><img src="images/nav_bar/home.png" name="home" width="67" height="121" border="0" id="home" /></a></td>
      <td><a href="web_design_about.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('about','','images/nav_bar/about_ro.png',1)"><img src="images/nav_bar/about.png" name="about" width="70" height="121" border="0" id="about" /></a></td>
      <td><a href="web_design_packages.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('packages','','images/nav_bar/packages_ro.png',1)"><img src="images/nav_bar/packages.png" name="packages" width="92" height="121" border="0" id="packages" /></a></td>
      <td><a href="portfolio.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('portfolio','','images/nav_bar/portfolio_ro.png',1)"><img src="images/nav_bar/portfolio.png" name="portfolio" width="89" height="121" border="0" id="portfolio" /></a></td>
      <td><a href="contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contact','','images/home header/nav_bar/contact_home_RO.png',1)"><img src="images/home header/nav_bar/contact_home.png" name="contact" width="78" height="121" border="0" id="contact" /></a></td>
    </tr>
</table>
</div>
<div id="bottom_header_home">
</div>
</div>
<div id="content">
</div>
<div id="sidebar">
<div id="quote"></div>
<div id="testimonials"></div>
</div>
<div id="footer">
<div id="contact"></div>
<div id="cpptu"></div>
</div>
</div>
</body>
</html>
CSS Style
@charset "utf-8";
/* CSS Document */
body {
background:#bfbfbf;}
#web_centre_wrap {
margin:0 auto;
width:860px;
height:auto;}
#header_home {
width:860px;}
#top_header_home {
background:url(images/home%20header/header_top_bg.png);
width:860px;
height:219px;}
#middle_header_left_home {
background:url(images/home%20header/banner_left_bg.jpg);
width:396px;
height:150px;
float:left;}
#middle_header_right_home {
background:url(images/home%20header/banner_monitor.png);
width:464px;
height:383px;
float:right;}
#menu_bar_home {
float:left;
height:121px;
width:396px;}
#bottom_header_home {
background:url(images/home%20header/bottom_header_bg.png);
width:396px;
height:112px;
float:left;
font-family: Verdana, Geneva, sans-serif;}
#header {
width:860px;}
#top_header {
background:url(images/top_header_bg.png);
width:860px;
height:369px;}
#bottom_header {
background:url(images/bottom_header_bg.png);
height:121px;
width:464px;
float:right;}
#menu_bar {
width:396px;
height:121px;
float:left;}
#content {
background:#fff;
height:auto;
width:589px;
float:left}
#sidebar {
background:#fff;
height:auto;
width:271px;
float:right;}
#quote {
background: url(images/quote_bg.png) no-repeat;
height:341px;
width:258px;
margin:0 auto;}
#testimonials {}
#footer {
background:url(images/footer_bg.png) repeat-x;
height:253px;}
#contact {}
#cpptu {}
.first_header_word {
color: #3181fa;
text-align: center;
font-family: Verdana, Geneva, sans-serif;
font-size:20px;}
.header_word {
color: #a8a8a8;
text-align: center;
font-family: Verdana, Geneva, sans-serif;
font-size:20px;}
.content_txt {
color: #a8a8a8;
text-align:left;
font-family: Verdana, Geneva, sans-serif;
font-size:18px;}

Hi Murray,
Thank you for responding to my query.
I haven’t noticed any problems occurring as a result of using short hand when applying CSS styles but I will take your advice on board and start using long hand.
I have just noticed there are very few paths with spaces, I was aware that using spaces or other punctuation in paths on a website is a bad idea. I didn’t notice I let some slip through so thank you for pointing that out.
My website width is 860px and the two divs I mentioned #content & #sidebar their combined widths equal 860px. All my divs are wrapped inside #web_centre_wrap. As the two divs widths equals the website width they should sit next to each other as I have floated #content to the left and #sidebar to the right. As I said the divs sit next to each other when previewed in the browser just not in design view which is extremely distracting. Are you advising that I should wrap #content & #sidebar inside another div for example:
<div id=” content_centre”>
<div id=””>content</div>
<div id=”sidebar”>
<div id=”quote”></div>
<div id=””>testimonials</div>
</div><!-- end #sidebar -- >
</div><!-- end #content_centre -- >
Thank you again for your help
Kind regards
Elliot

Calling method from SWF file wtih javascript, when swf file is not loaded in any browser

Hi There,
I have a question regarding flex and javascript integration:
1. We have created certain components and bundle them in swf. these swf file uses webservice to connect to backend code written in java.
2. We have deployed swf file and backend on the same tomcat server.
3. Backend server send some datapoint to UI and plot graph and displyaed to user.
4. Now if user generate graph from datapoint and want to export it, we are tranferring image of that graph from UI to backend. No issues in this process.
5. Now the question is. let say user has not open any swf file in browser and backend scheduling job want to generate the graph. How we will connect to swf file.
6. Is ther any way we can connect or call method of swf from java/jsp/html/javascript code in this scenario without loading swf file in browser??
Please help me!!!
Thanks
Sonu Kumar

Both test sites work just fine for me.
The "Update plugin" message is exactly what would be displayed if no .swfobject file at all was found... so it may not be the "version11" thing but rather, perhaps something else is messed up with the .swfobject file.
File can be found in both folders:
http://www.pureimaginationcakes.com/test/Scripts/swfobject_modified.js
http://www.pureimaginationcakes.com/Scripts/swfobject_modified.js
and file does download when downloading the html page (just check the cache).... but for some reason it doesn't seem to be working.... Hummmmm????
Adninjastrator

Shape Layer not showing up in my .swf file.

Hello All,
I was working on creating a banner that I export as a .swf file and I tried to create a rounded rectangle with only the stroke showing up so it then the banner would appear to have rounded corners on the website. After I exported the file to a .swf I noticed that the rounded rectangle shape layer I had in my project did not show up. Can anyone help me figure out why?
Here is a screen shot of the banner with a grey outline shape layer. Its there with 100% opacity and everything.
And here is what the .swf looks like. (see no outline?!)
If anyone knows how to make my shape layer appear here that would be fantastic.
Oh and just in case here are the export options I choose. File > Export > Adobe Flash (.swf)...

I gave the a try and noticed that the color quality of the other elements in my banner. (colored text) had poor .jpg quality even when I upped the .jpg quality. Do you have any recommendations on how I can rasterize my border? Ill jump into illustrator or photoshop and play around with some files and them import them to see if I can find a work around...
see crummy color quality that text was suppose to be a nice dark blue.

Dreamweaver CS6 - SWF file problem.

I use Dreamweaver CS6, I've inserted a SWF file to my index.php which is on localhost (XAMPP). When I try to preview my page (from chrome or IE or Dreamweaver Live), It asks for Flash Player 16. I have installed it but still asking for it. Any solutions?

I think you're spinning your wheels with Flash. Nobody I know has used it in production web sites for several years. Best advice, switch to modern equivalents like HTML5 video or jQuery, CSS3 and HTML5 animations. You'll have fewer problems and reach a much wider target audience.
Nancy O.

Targetting a div on a page from an .swf file

Imagine I have an swf file on an html page. Beneath it I have a div called "container". I would like to hit a button in the flash file and have the contents of the container div change. I've done a similar thing with frames or iframes in the past, but I'm thinking there is a way to tell flash what div I am targetting. I would love to see the answer in AS3 since I'm trying to get myself away from many years of using AS2.
Thanks!

use javascript to change your div contents and the flash externalinterface class to communicate between actionscript and javscript.

Photos not aligning to grid when importing from digital camera,or file

I hope I am in the right place. Just starting today, when I import photos from my digital camera, or files sent in an email, they are not appearing in order, in the grid alignment. There are spaces in between the photos, they are disorderly, and I have to manually put them in alignment. I have selected "align photos to grid" in preferences, and I am at a loss as to why this is happening just now.
Any help or advice will be greatly appreciated. Thank you!
CGM

A good general step for strange issues is to renew the iPhoto preference file - quit iPhoto and go to "your user name" ==> library ==> preferences ==> com.apple.iPhoto.plist and trash it - launch iPhoto which creates a fresh new default preference file and reset any personal preferences you have changed and if you have moved the iPhoto library repoint to it. This may help
This does not affect your photos or any database information (keywords, faces, places, ratings, etc) in any way - they are stored in the iPhoto library - the iPhoto preference file simply controls how iPhoto works - which is why renewing it is a good first step.
LN

SWF linked by reference in FM does not update in RH when FM files are updated

Hi all, using TCS2 on WindowsXP.
I have a FM book with a Captivate SWF linked by reference. When I link my FM book into RH, all works nicely. But here's the catch - when I change something in my Cativate project and re-publish the swf (to update the old swf), although the FM SWF updates to the new one, RH does not. The SWF found in RH is the one from the original instance of linking the FM book. This is an issue as it seems to be hampering my 'single sourcing' world.
Any thoughts?
Thanks,
Adriana

HI there
Are you able to just delete the SWF from RoboHelp? I'm thinking that if you could do that, the SWF would simply have to update from FM as it wouldn't be found any longer.
I do realize it's a kludge and things should simply just *WORK*, but we do live in an imperfect world.
Cheers... Rick
Helpful and Handy Links
RoboHelp Wish Form/Bug Reporting Form
Begin learning RoboHelp HTML 7 or 8 within the day - $24.95!
Adobe Certified RoboHelp HTML Training
SorcerStone Blog
RoboHelp eBooks

Files will not open in Dreamweaver when using Filevault

Has anyone seen a problem where you cannot open files on a
server when your HD is encyrpted using Filevault on the mac os
10.4.? When filevault is turned off you can go to the server and
open the dreamweaver files with no problem.

Desktop configurations within IE need to be updated. The example below is for .doc extensions, but the same process applies for other document types.
1. Right Click START button and click OPEN from the context menu
2. This will open up the START MENU window
3. In this window, under TOOLS, click FOLDER OPTIONS
4. Click the FILE TYPES tab and wait for all the file types to be listed
5. Scroll down to the DOC file type
6. With the DOC file type (Microsoft Word Document) selected, click the ADVANCED button
7. This will bring up the EDIT FILE TYPE window
8. Click to highlight the OPEN action and make sure to check the BROWSE IN SAME
WINDOW option
9. Click OK to close the Edit File Type window
10. Click CLOSE to close the Folder Options window
11. Click CLOSE to close the Start Menu window

Preloader not working for 35 MB swf file. Please help!

Hello,
I'm working on a glorified slideshow, it has a music track that is 3+ minutes long, pretty nice graphics, and transitions. I started builing in Flash and am halfway done... it looks great too !
Problem is, when I'm testing the preloader with the download profiler set to DSL - it crawls and at 1% and on, the soundtrack starts to play... by the time the download is at 42% its at least a minute into the soundtrack and it's in and out, coming on then cutting out but not starting over. Needless to say, this is not okay! I know it's a huge file. SHould I maybe export it as an mov and put it in a FLV player?
Thanks for reading & helping
Ms.Lee

Ok, so my preloader code was all wrong, now it's this:
import flash.events.ProgressEvent;
var request:URLRequest = new URLRequest("HitTheGround6.swf");
var ldr:Loader = new Loader();
this.addChild(ldr);
ldr.x=0;
ldr.y=0;
ldr.contentLoaderInfo.addEventListener(Event.COMPLETE, completeHandler);
ldr.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, progressHandler);
ldr.load(request);
function progressHandler(evt:ProgressEvent):void {
    var percent:Number = evt.target.bytesLoaded / evt.target.bytesTotal;
    preloader.fill.scaleX = percent;
function completeHandler(evt:Event):void {
    this.removeChild(preloader);
    evt.target.content.gotoAndPlay(2); //this is the key
This awesome blog post has the files & explaination!!!
http://www.negush.net/blog/how-to-preload-as3-clips/

Shuffle will not work in itunes when multiple albums added to "up next"

When I add 1st album to play, shuffle option is available. Shuffle disappears when subsequent albums are added

I have the same problem. I do not know for sure if this is what caused it but it kept reminding me to upgrade itunes so i did. Now my shuffle doesn't show up on my computer or in itunes, and there are NO songs on it. I had to restore my ipod but it said there was an error and it never finished and now it doesn't show up in itunes or windows.I plugged this into another computer but it doesn't load on that computer either. a green light comes on and blinks slowly. I have no idea whats wrong.

Spot chanel white not visible in ai when psd file is placed (CS6)

TIA for the help.
Hopefully somebody here can point me in the right direction. My appologies if this was covered already, but I've searched left and right without any luck.
We use spot channels in PS and as of CS5 have to print out of Illustrator in order to adjust the lpi and angles (for printing film positives).
Since upgrading to CS6 the white is not showing in the Illustrator any more and it seems that the rest of the colors are very translucent.
Turning on the overprint preview does not make any difference and there is no option to change the color to a "spot color" they show as RGB.
To tyr to clarify:
creat a blank document in Photoshop
creat new channel
change the channel to spot color and assign CoolGray1
draw or type anything directly into the channel
turn off all the layers and RGB channels
save and place in Illustrator
create black bacground and move the image on top of it.
the gray square is just about visible.
If a white ink was used, it would not be visible at all.
thanx in advance!

Select the placed psd in Illustrator
Check "Isolate Blending" on the Transparency Panel...
Does that help?
More information on the transparency panel can be found here:
http://help.adobe.com/en_US/illustrator/cs/using/WS714a382cdf7d304e7e07d0100196cbc5f-64eba .html#WS714a382cdf7d304e7e07d0100196cbc5f-64e9a

Footer div not aligning in Dreamweaver when swf file added...

Similar Messages

Maybe you are looking for