Aligning Flash movie in center of browser and flush to top

I'm having trouble positioning my Flash movie where I want it in the browser window. I want it:
* To be centered horizontally (easy enough), but also:
* Flush to the top of the browser window, with 0 px between the movie and the top of the browser window
I've been trying various combinations of single-cell tables, divs and CSS absolute & relative positioning, and can't find the right combination to achieve this positioning. The closest I can get is centered horizontally, and about a 5 px gap between the top of the browser window and the top of the movie -- it needs to be flush.
My movie is 1000 px wide and 680 high. This is a simple diagram of what I'm trying to achieve:
I'm not a coder by any means, so specific code examples would be helpful!
Thanks,
R

For your body tag in the html file try including these four parameters, they should reduce you to having no margin separating you from the very top of the page...
<body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">
If you have a CSS file for the page you could include it in there instead in the form...
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;

Similar Messages

I can't watch flash movies on nokia e7 browser

Hallo!
I've tried to watch some flash movies on nokia browser and opera 11 but it said to get flash player. On the link to adobe they don't have symbian os listed there. I've tried to install some versions of adobe flash player, but it said that doesn't support the sis. or on flash lite that it is already there
What can I do? Maybe another browser with flash player support?

E7 does support some flash content but not all, Opera doesn't !! The only browser I had that worked was Skyfire, but it no longer supports Symbian. Hopefully the new browser may have better support ? This video works on E7
http://www.tracyandmatt.co.uk/blogs/index.php/nokia-e7-unboxing-video
If I have helped at all, a click on the White Star is always appreciated :
you can also help others by marking 'accept as solution'

Aligning flash movie edges with jpg's in HTML

I have created a flash movie that is 766 px wide by 750 px
high. The html page that the flash movie is embedded in uses jpg.
images to fill the remaiming browers area. (so it appears to the
viewer that flash movie and html page are one seemless page)
The problem I am having is matching (aligning) the edges of
the flash movie with the jpg images. I can get it very close, but
it never seems exactly right. (The edges of the flash movie have a
gradient and some color change.)
You can view my work in progress at:
http://www.awitest.com/index_silver.html
My questions is: is there a simpler, less time consuming way
to get the edges of the flash movie line up correctly with the
jpg's in the html???
By the way I have Design Premium CS3, if any of those other
programs can help with this problem.
Thanks for any advice!

yes, is is.
you can use this link.
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position
the dicription is german, but there are no problems to use
the code, i think.
working with cs3, i use the html of flash an delete all the
java-text. it's possible to use the objekt-tag in the
div-tag.

How to align Flash web to center using Flash CS3?

Hi, anyone have the same issue as me? I wanted to align my
flash web to center on the IE. I have selected the alignment to
center before publish on the web? Why is the command not useful or
working? Please advice!

hi,
the center issue you used is center the Flash in the player
area. But to center the page in the web page, you need to center ti
from the HTML. you can dd the Flash code inside the div center code
<div align="center"> flash content </div>

Flash movie has border on rollover and 'disabled'

Hi,
I have a html page with a flash movie in it.
When the page loads, the movie displays, but when moused over
a dotted border (others note an orange border) appears around the
movie. As a result the user has to click on the movie to remove the
border, before any of the buttons within the movie work. This isn't
just present on my page, but all flash movies I find on the
internet.
Is this something to do with Windows XP ? I have only noticed
it since using XP ?
Is there anything I can do to eliminate it ?
Thanks in advance.

Here's my standard copy/paste response;
uh oh - here we go again - duck and cover!!!!!
If i had a nickel everytime this was asked in the past few
months i would have....let's see - go here:
http://groups.google.com/advanced_group_search?q=group:*flash*&hl=en&lr=&ie=UTF-8&oe=UTF-8
(the google archive of the forum)
and search for "active content".
A total of 362 (and rising everyday) returns.
Multiply that by $.5
I think I would end up with $181. (is my math correct?)
Anyway you get the point. Search the forums first - it was
just asked and answered at least twice
just yesterday. It unfortunately will be asked again today a
couple more times, and then tomorrow
and the next day and....
Most of us are simply too tired to even respond to this
anymore but we understand that searching for
the right terminology is often hard to discern.
But here's the url that has been posted here a couple hundred
times already - guess it can't hurt to
paste it again :)
http://activecontent.blogspot.com
If you search google for "active content" you will realize
just how popular this little bit of tech
news was/has been over the last 6 months - been all over
blogs and news sites for a while.
There are methods to combat this on this site (yes,
adobe.com) and all you have to do is search
adobe to find:
http://www.adobe.com/devnet/activecontent/
An entire section devoted to this issue.
When you hover over any active content in IE you will see
this:
http://www.mudbubble.com/staging/ac.jpg
See the little tool tip instructing you what to do? If you
google that ("Click to activate and use
this control" or similar), you will find 2,050,000 returns
(wow)
~~~~~~~~~~~~~~~~
--> Adobe Certified Expert
--> www.mudbubble.com
--> www.keyframer.com
~~~~~~~~~~~~~~~~
jsltd wrote:
> Hi,
> I have a html page with a flash movie in it.
>
> When the page loads, the movie displays, but when moused
over a dotted border
> (others note an orange border) appears around the movie.
As a result the user
> has to click on the movie to remove the border, before
any of the buttons
> within the movie work. This isn't just present on my
page, but all flash
> movies I find on the internet.
>
> Is this something to do with Windows XP ? I have only
noticed it since using
> XP ?
>
> Is there anything I can do to eliminate it ?
>
> Thanks in advance.
>

Aligning Flash Movie within Text

Hi,
I have embedded an swf within a paragraph text. In the embed
tag, I have the align set to 'right', so that the swf sits in the
upper right corner of the paragraph, and all of the text wraps
around it. It works totally fine in Firefox on Mac & PC, as
well as IE on a PC... but in Safari, the swf stays on the left
side, and the text doesn't wrap--it starts on the line below it. I
think it must have something to do with their not being anything in
the 'object' tag, telling it to align Right, but I tried adding it
in, and it didnt do anything. Here is what I currently have
(without any right align for the Object tag):
<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="220" height="185" id="myMovie" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="mymovie.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<embed src="mymovie.swf" quality="high" bgcolor="#ffffff"
width="220" height="185" name="myMovie" align="right"
allowScriptAccess="sameDomain" type="application/x-shockwave-flash"
pluginspage="
http://www.macromedia.com/go/getflashplayer"
/>
</object>
text goes here... lkfalkj dljf lsj fldsj
Anyone have any ideas? It'd just be nice to have it look
properly in Safari...
Thanks!
b.

has anyone else had this problem?

Stretch Flash movie to fit web browser.

I can't achieve doing this simple thing :
I have a flash that resolution is 800*600, on small displays
it's okay, but on an HD screen it looks very small.
Web browser resize function is not good, it's badly stretched
and runs very slowly.
After searching; I found Publish Settings, Dimensions : Match
Movie; changed it to 100% percent.
Things gets resized properly but now too much space is shown,
as you can see on picture 2.
Original,
working.
Stretched
but showing too much.
Do you know how can I fix this ?
Thanks a lot ! :-)

When you embedding the flashmovie, made two changes in the
embedding code.
1.Set the width and height of the movie to 100% instead of
pixels.
2.And add an extra parameter 'scale = exactfit'.
This will set the movie to the browsers window.
Thanks

Muse content moves to bottom in browser, and it's not a footer issue.

Items I've added to a left column seem to move down the page to below a tabbed box widget in the right hand column. It's leaving a huge blank space in the middle of the page. When I view the source on business catalyst, it looks like the problem left-hand element <div> sections come after the tabbed box <div> code. Since I can't edit the code in Muse, any suggestions to fix this? I tried putting them on different layers, and cutting and then replacing them, but no joy. There are no hidden text boxes, and I can't find any other reason this could be happening.
Here are before (in Muse) and after (in Firefox) screenshots. Help!

Hi,
Could you try grouping the images/textframes in the left column together and see if that makes a difference to the rendered output?
Cheers,
Vikas

Flash Movie has problems in IE and Safari

Hi, my website's home page works like a charm in FireFox and
uses flashplayer to play, yet, in Internet Explorer and Safari, it
uses Shockwave to play everything. And at that, Shockwave doesn't
play it!
Will someone please check in one of these two browsers on
their computer to check whether it works for them?
Website: www.redzero.co.za
Text

Here's the source for that page, note that the codebase url
has two http's in it. Might fix that and see if it helps.
codebase="
http://http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash ">

I did something, and now a Bing toolbar is stuck on my browser, and also the top tool bar with "file, tools, help" and stuff like that is gone. What do I do?

I was downloading something, and it shoved the stupid Bing toolbar, which I can't remove now. Also, I accidentally removed the toolbar on the very top of the browser with "file, help, tools, ect." I'm kind of technologically impaired, if you haven't noticed.

Hello Greg.
You can uninstall unwanted extensions by going into Tools > Add-ons > Extensions.
You can select which toolbars to see by going into View > Toolbars. Also, you can reset your interface by going into View > Toolbars > Customize... > Restore default set.

I'm trying to do a test print so don't want to use a whole sheet of paper. I unchecked the "center image" box and changed the top border to 0.5 cms but I only get the part of the image still showing in the photoholder printed.

How do I print an image on part of a sheet of paper without it being centered?

C'mon! Anyone???? I'm desperate!

How to center flash movie in browser window

Can anyone explain how to horizontally center my Flash movie in the web browser window after publishing?
A bit of background:
I was able to achieve this using <center></center> tags a few years ago. But I have since upgraded to CS5 and I understand that this old method is now obsolete.
I have found a few threads/forums that address this, but I know nothing about HTML and these threads don't help me because they assume you have more knowledge than I possess. When opening up the index.html file in Dreamweaver I can't find anything that looks vaguely familiar to what is being discussed. I have found some code samples using <div></div> tags but have no idea where to place it.
So I will need it explained to me in a step by step fashion, including which file I need to fix and what program I should use. Code samples will be very welcome if you can tell me exactly where it goes.
Thanks in advance...

Just realized that there is no scrolling functionality with the .swf generated from the new CS5. Can anyone help out by providing revised code for centering and scrolling?
I found something elsewhere in the forums that worked for both centering and scrolling that worked fine yesterday, but upon visiting my site today for testing, it did not allow the scrolling, and centering did not work in Firefox. Tested both Safari and Firefox on 2 Macs running Snow Leopard.
Again, much appreciated - nice to visit forums where people are interested in helping instead of screaming at each other. Will visit the Illustrator or Indesign forum to see if I can help out someone there...

Adobe Flash Player crashes. My browser is Firefox and operating sysem is Windows Vista.

Adobe Flash Player 11 crashes. My browser is Firefox and my operating system is Windows Vista.

[Moved the discussion to Flash Player Forum]
You might want to Run the Flash Player Uninstaller and remove flash player.
For Windows : http://helpx.adobe.com/flash-player/kb/uninstall-flash-player-windows.html
Restart the machine.
Download and Re-install Flash Player.
Restart the browser and check.
Check the same using an alternate browser like chrome and see if you get the same issue.

Flash movie doesn't load properly in IE only

I have a simple flash movie which transitions through text and photos. I have a preloader (AS3) on frame 1, which sends the playhead to frame 2, after the movie has loaded 100%. For some reason, in Internet Explorer, the preloader bar will load all the way, but fail to move the playhead to frame 2, so it'll just sit there, with the preload bar at 100%. However, this does not happen every time. For instance, right now, the flash movie will play when I initially go to the website, but when I click on another page, the same flash header (same swf on each page) will just show the preloader bar but will not play the rest of the movie. Reloading the page doesn't help. Closing the browser and reopening it doesn't help. Clearing the browser cache doesn't help either. So, the flash movie will play correctly on the first page of the website I go to (whether it be the home page or another page) but then when I go to any other page which has the flash movie, it won't play, just sits there with the preloader bar showing. And then when going back to the initial page I entered the site on, the flash movie no longer plays there, either. I haven't seen this problem in any other browser than Internet Explorer (6 and 7). I've checked in Firefox on Mac and PC and Safari on Mac. I'm using flash player 10.0.22.87 on my Mac and PC. The flash movie was made in Flash CS3, for flash player 9, actionscript 3 code.
So, to see the problem, go here in Internet Explorer: http://demo.matthewpavkov.com/adairsolar. Wait for the movie to load and start playing. It works. Then, navigate to one of the other pages and you'll see that the same swf will not play. Navigate back to the home page, the swf does not play.
Here is the preloader code:
import flash.display.*;
this.stop();
this.loaderInfo.addEventListener(ProgressEvent.PROGRESS, PL_LOADING);
function PL_LOADING(event:ProgressEvent):void {
    var pcent:Number=event.bytesLoaded/event.bytesTotal*100;
    lbar.scaleX=pcent/100;
    lpc.text=int(pcent)+"%";
    if (pcent>=100) {
        this.gotoAndStop(2);
Also, if I remove the preloader actionscript code, the flash movie plays correctly. You can see that here: http://demo.matthewpavkov.com/adairsolar/no-preload
The .fla is available to anyone who wants to take a closer look.

mjjp,
     In may just be that in IE, the ProgressEvent never fires -- because your content is already cached. See what happens if you add the following new lines (very end of the code sample):
this.stop();
this.loaderInfo.addEventListener(
ProgressEvent.PROGRESS, PL_LOADING
function PL_LOADING(event:ProgressEvent):void {
var pcent:Number=event.bytesLoaded/event.bytesTotal*100;
lbar.scaleX=pcent/100;
lpc.text=int(pcent)+"%";
if (pcent>=100) {
    this.gotoAndStop(2);
if (this.loaderInfo.bytesLoaded >= this.loaderInfo.bytesTotal) {
this.gotoAndStop(2);
     See what's going on? This way, even of the ProgressEvent handler never fires, you're still comparing the bytesLoaded property against the bytesTotal property.
David Stiller
Adobe Community Expert
Dev blog, http://www.quip.net/blog/
"Luck is the residue of good design."

Problem: Flash movie plays on desktop, but not on website

Hi, I'm new to Flash but have successfully created a Flash Movie that works using Firefox and Safari on my (iMac) desktop, but not after I upload to my website.
I started with an flv video, imported it into an fla document along with a playback skin then published it creating an html file and two swf files. I've checked the html file, and it looks fine. The flv file is only 17MB and I've uploaded all 5 files to my site on:
http://www.cantata.co.uk/temp2/minorswing.html
but all I seem to get is the control skin's "sending data" pole turning.The movie never arrives. I can get much bigger mpeg and wmv movies up on my screen very quickly.
Can anyone suggest what the problem may be? I'm running Snow Leopard on my Mac (OX 10.6.6). I've tried using different videos but nothing seems to work.
Here's the relevant html generated by Flash
<div id="flashContent">
            <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="640" height="390" id="minorswing" align="middle">
                <param name="movie" value="minorswing.swf" />
                <param name="quality" value="high" />
                <param name="bgcolor" value="#ffffff" />
                <param name="play" value="true" />
                <param name="loop" value="false" />
                <param name="wmode" value="window" />
                <param name="scale" value="showall" />
                <param name="menu" value="true" />
                <param name="devicefont" value="false" />
                <param name="salign" value="" />
                <param name="allowScriptAccess" value="sameDomain" />
                
                <object type="application/x-shockwave-flash" data="minorswing.swf" width="640" height="390">
                    <param name="movie" value="minorswing.swf" />
                    <param name="quality" value="high" />
                    <param name="bgcolor" value="#ffffff" />
                    <param name="play" value="true" />
                    <param name="loop" value="false" />
                    <param name="wmode" value="window" />
                    <param name="scale" value="showall" />
                    <param name="menu" value="true" />
                    <param name="devicefont" value="false" />
                    <param name="salign" value="" />
                    <param name="allowScriptAccess" value="sameDomain" />
                
                    <a href="http://www.adobe.com/go/getflash">
                        <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
                    </a>
                
                </object>
                
            </object>
        </div>
Many thanks if you can help
Steve

Thanks - I don't know what as2 is. I'm using Flash CS5. When I import the flv movie file, I'm asked to choose a skin and then a window comes up to tell me that the address of the flv file with respect to the other files will be minorswing.flv by which I take it to mean that all the files need to be in the same level of folder (directory). All five are in the same folder on my Mac and in the same folder on my website. I can't see how I can influence the program in choosing a different structure or outputting different html in the Publish Settings or elsewhere.
I would have expected the relative structure of the files to be maintained between my desktop, where I can play the movie in my browsers, and the website, where I can't. I was surprised there was no "src" param name in the html, and I did try inserting one, but it made no difference, so I assumed the default for the html is to be in the same folder as the html and that the minorswing.swf file would contain information on the whereabouts of the flv file and the skin swf file.
Is there a way of reading or editing the swf files to include an absolute url?

Aligning Flash movie in center of browser and flush to top

Similar Messages

Maybe you are looking for