Center Flash Movie vertically in HTML page (should be easy points)

Here's a link to the page.

http://www.axiscc.com

I'm trying to get the Flash movie to be centered in horizontally AND vertically.  I've done this before, but I'm having a brain fart.

Here's the HTML

<body>
 <div align="center" valign="middle">
    <table width="100%" height="100%"  border="0" align="center" valign="middle">
      <tr>
       <th align="center" valign="middle" scope="col"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="800" height="600" align="middle">
         <param name="movie" value="axis.swf">
         <param name="quality" value="high">
         <embed src="axis.swf" width="800" height="600" align="middle" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
       </object></th>
      </tr>
    </table>
</div>
</body>

LVL 1
jb1013Asked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

superm401Commented:
<div style="vertical-align:center">
0
jb1013Author Commented:
Not sure if I'm using this suggestion correctly, but I haven't been able to get it to work.

<body>
 <div style="vertical-align:center">
    <table width="100%" border="0" align="center">
      <tr>
        <th align="center" valign="middle" scope="col"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="800" height="600" align="middle">
          <param name="movie" value="axis.swf">
          <param name="quality" value="high">
          <embed src="axis.swf" width="800" height="600" align="middle" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
        </object></th>
      </tr>
    </table>
</div>
</body>
0
superm401Commented:
I'm really sorry.  I mean to say <div style="vertical-align:middle">
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

seanpowellCommented:
Like this:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Axis Computer Consulting</title>
<style type="text/css">
body
{
      margin:0;
      padding:0;
      background: url(http://axiscc.com/images/web_background_tile.jpg);
}

#flash
{
      position:absolute;
      width:800px;
      height:600px;
      top:50%;
      left:50%;
      margin-top:-300px;
      margin-left:-400px;
}
</style>
</head>

<body>

<div id="flash">
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="800" height="600">
      <param name="movie" value="axis.swf">
      <param name="quality" value="high">
      <embed src="axis.swf" width="800" height="600" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
      </object>
</div>

</body>
</html>


Sean
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
jb1013Author Commented:
No problem superm401.  I actually tried both center and middle with no luck.  Currently I have it set to middle, but it's still not aligning correctly..

http://www.axiscc.com

Thanks for offering some assistance.

JB
0
jb1013Author Commented:
Thanks Sean,

That worked perfectly.  I know in previous version of Dreamweaver I did this easily using the GUI tools.  For some reason since Dreamweaver MX, whatever I used to do is no longer available or it's moved to a different pallete or something.  I'm very GUI orientened but this solution is easy enough for me to code in when needed.  Thanks so much.

JB
0
seanpowellCommented:
Thanks JB, always happy to help out :-)

Sean
0
jb1013Author Commented:
Just a note,

I've found that this solution does not render correctly in IE 5.2 for Mac.

If anyone has a solution to fix that let me know.

Thanks,

JB
0
seanpowellCommented:
Unfortunately that crash-prone bug-ridden piece of browser junk can't handle any of the ways we use to center content.
However - users of that browser will be used to seeing content at the top of their screen anyways...

Sean
0
jb1013Author Commented:
Adding this hack around the CSS helps solve the problem.  Mac IE users aren't vertically aligned but at least the full site renders in the browser, and everyone else on a decent browser sees the site like I intended.

/* Hide from IE-Mac \*/
#flash
{
     position:absolute;
     width:800px;
     height:600px;
     top:50%;
     left:50%;
     margin-top:-300px;
     margin-left:-400px;
}
/* End hide */

0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
HTML

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.