flash content problem o html

boris86 · 06-11-2012, 05:02 PM

I got a problem with my flash content on my html page. i have centered the content on the html perfectly but when i preview my html with my browser it looks fine on my screen but on a bigger screen with another computer, my flash is centered but too much at the top of the window in the browser.

my problem is to keep the flash content centered on the page with the browser but push it down small to make it look absolute middle on big screen when i preview. can someone help me with a tip?

djpaul1963 · 06-11-2012, 10:53 PM

What are you doing for centering vertically? Can you paste here the html code?

boris86 · 06-12-2012, 09:52 AM

my website is in flash and i put it on a HTML page. i have centered the page horizontally perfectly using <div align="center">. but i have noticed that my flash content is centered perfectly horizontally but not vertically. because on my screen with my browser, the site looks good but on a bigger screen it looks centered horizontally but at the top of the browser. now i want to push it down vertically to make it look in the middle on big screens. thanks a lot. i can post my code here:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>cesig</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css" media="screen">
html, body { height:100%; background-color: #ffffff; background-image:url(http://www.cesig.net/images/background.jpg)}
body { margin:0; padding:0; overflow:show; }
#flashContent { width:100%; height:100%; }
</style>
</head>
<body>
<div id="flashContent">
<div align="center">

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="900" height="600" id="cesig" align="middle">
<param name="movie" value="cesig.swf" />
<param name="quality" value="best" />
<param name="bgcolor" value="#ffffff" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="window" />
<param name="scale" value="exactfit" />
<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="cesig.swf" width="900" height="600">
<param name="movie" value="cesig.swf" />
<param name="quality" value="best" />
<param name="bgcolor" value="#ffffff" />
<param name="play" value="true" />
<param name="loop" value="true" />
<param name="wmode" value="window" />
<param name="scale" value="exactfit" />
<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>
</div>
</body>
</html>

boris86 · 06-12-2012, 09:54 AM

the address for the website is www.cesig.net

boris86 · 06-12-2012, 09:55 AM

i'm not a beginner in webdesign. thanks

resin · 06-12-2012, 11:15 AM

If I understand correctly, you want the Flash content centered on the page vertically and horizontally, regardless of the screen resolution? If so, you just need to place all the flash content inside a div and give that div a bit of styling:

1. in your css, remove all styling currently in #flashContent
2. in your html, remove the second div tag ( <div align="center"> ), it is not necessary
3. then in your css, add: #flashContent { position:absolute;left:50%;margin-left:-450px;top:50%;margin-top:-300px; }

Now your Flash content will be centered vertically and horizontally on your page at all times, regardless of screen resolution. Hope this helps!