How to center a flash movie in the browser window

**michalp** · 03-09-2004, 04:08 AM

I published a flash file with html from Flash MX but the movie plays in the top left corner of the browser window no matter what I specify in the publish settings. I pasted the html code below and can someone tell me exactly what to add where or change in order to have it play in the center vertically and horizontally.

Thanks to all that help and read this.

<HTML>
<HEAD>
<meta http-equiv=Content-Type content="text/html; charset=ISO-8859-1">
<TITLE>ImagineEye</TITLE>
</HEAD>
<BODY bgcolor="#B9B8B0">


<OBJECT classid="clsid

27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
WIDTH="980" HEIGHT="600" id="ImagineEye" ALIGN="top">
<PARAM NAME=movie VALUE="ImagineEye.swf"> <PARAM NAME=loop VALUE=false> <PARAM NAME=menu VALUE=false> <PARAM NAME=quality VALUE=high> <PARAM NAME=scale VALUE=exactfit> <PARAM NAME=bgcolor VALUE=#B9B8B0> <EMBED src="ImagineEye.swf" loop=false menu=false quality=high scale=exactfit bgcolor=#B9B8B0 WIDTH="980" HEIGHT="600" NAME="ImagineEye" ALIGN="top"
TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>
</OBJECT>
</BODY>
</HTML>

**garion1** · 03-09-2004, 05:37 AM

<HTML>
<HEAD>
<meta http-equiv=Content-Type content="text/html; charset=ISO-8859-1">
<TITLE>ImagineEye</TITLE>
</HEAD>
<BODY bgcolor="#B9B8B0">


<div align="center"> <OBJECT classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
WIDTH="980" HEIGHT="600" id="ImagineEye" ALIGN="top">
<PARAM NAME=movie VALUE="ImagineEye.swf"> <PARAM NAME=loop VALUE=false> <PARAM NAME=menu VALUE=false> <PARAM NAME=quality VALUE=high> <PARAM NAME=scale VALUE=exactfit> <PARAM NAME=bgcolor VALUE=#B9B8B0> <EMBED src="ImagineEye.swf" loop=false menu=false quality=high scale=exactfit bgcolor=#B9B8B0 WIDTH="980" HEIGHT="600" NAME="ImagineEye" ALIGN="top"
TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>
</OBJECT></div>
</BODY>
</HTML>

**michalp** · 03-09-2004, 12:34 PM

That was so easy, thanks a lot for helping me out, wow. Though I would also like to center it horizontally as well and see how that looks. Again, appreciate all the help you guys can provide.

**Zoorob** · 03-09-2004, 06:08 PM

I think I'm trying to do the same thing as you.

Did you ever get your movie to get centered hort. also? If so I would really appreciate if you could help me out.

Thanks!

**catbert303** · 03-09-2004, 07:49 PM

a quick way to centre vertically and horizontally could be to use a table, something like this,

Code:

<html>
<head>
<title>my movie</title>
</head>
<body>
<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="middle">
you object and embed tags in here
</td>
</tr>
</table>
</body>
</html>

however be careful with using a doctype on the page, since this relies on some non standard html (tables don't strictly have a height attribute) adding a doctype to the page may cause the browser to lose the vertical alignment of the movie. check this thread for more details.

**Zoorob** · 03-09-2004, 10:38 PM

Thanks. But the true answer to my dreams is how do I get my flash movie to open in a centered window that is 715x430 and has no margins or scollbars.

I've been trying for this all day but the only answers I can get is a script that tells me how to get one of those standard javascript buttons, and then when I click my movie will open in a centered window but the margins are still there pushing my movie down to the left.

What I really need is to put the correct script into an image slice that is in a fireworks doc.

So how do I select a image slice and place javascript code into it.

Thanks for any help, my head is spilting from all the searching.

**Hamah** · 03-10-2004, 11:53 AM

There is an extension you can use to have Flash objects completely centered on html.

Here is the file:

**michalp** · 03-10-2004, 12:08 PM

The second post from Garion with the html code only worked on Mac computers and when I tried loading my site on a PC all I got was white with nothing else. I guess that's why I use Flash and not html. So I guess I am back to square one unless I try the tables code.

thanks

**catbert303** · 03-10-2004, 06:50 PM

maybe you could try something like this,

in the head of the page that you want to lauch the flash movie you could add a javascript function like this,

Code:

<script type="text/javascript">
function openCentredWin(url, name, width, height) {
    var x = (screen.width - width) / 2;
    var y = (screen.height - height) / 2;
    newWin = window.open(url, name, 'width=' + width + ',height=' + height + ',left=' + x + ',screenX=' + x + ',top=' + y + ',screenY=' + y);
}
</script>

then this could be called from an event in the page (a link being clicked, the onload event etc) eg,

Code:

<a href="javascript:openCentredWin('filename.html','flashWin',715,430);">click to open</a>

**michalp** · 03-10-2004, 09:54 PM

Thanks everyone but especially Hamah since that extension did exactly everything I wanted it to do and works great everywhere I think. No more problems on the PC so I am loving it and dont' have to mess with the code.

thanks

**garion1** · 03-11-2004, 06:02 AM

Useful extension Hamah. Thanks.

**Hamah** · 03-11-2004, 10:03 AM

No problem guys...

You can also go to www.macromedia.com and download more useful extensions; check them out.

Thread: How to center a flash movie in the browser window

Thread Tools

Display

How to center a flash movie in the browser window

Thanks but also want centered horizontally...

The code doesn't work on PCs but only on Macs

Thanks a lot everybody especially Hamah

Posting Permissions