Hi All,
I've managed to center my movie, horizontally and vertically, both in IE and FF.
I've noticed though that by changing the scale from noscale to exactfit, it changes the way it shows up on both browsers. Can someone please explain to me why?
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<title>How to embed movies right bang in the middle of browser</title>
<style type="text/css">
html {
height:100%; /* fix height to 100% for IE */
max-height: 99%; /* fix height for other browsers */
padding: 0; /* remove padding */
margin: 0; /* remove margins */
border: 0; /* remove borders */
background: #ffffff; /*color background - only works in IE */
overflow: hidden; /*get rid of scroll bars in IE */
overflow-y: hidden;
overflow-x: hidden;
}
body {
height: 100%; /* fix height to 100% for IE */
max-height: 99%; /* fix height for other browsers */
padding: 0; /* remove padding */
margin: 0; /* remove margins */
border: 0; /* remove borders */
hide overflow: hidden; /* from IE5/Mac */
overflow: hidden; /*get rid of scroll bars in IE */
overflow-y: hidden;
overflow-x: hidden;
}
</style>
</head>
<body bgcolor="#ffffff" leftmargin="500" topmargin="0" marginwidth="0" marginheight="0" scroll="no">
<table width="100%" height="100%" align="center" valign="middle" border="0" cellpadding="0" cellspacing="0">
<tr> <td width="100%" height="100%" align="center" valign="middle">
<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="75%"
height="100%"
align="middle">
<param name="movie" value="home.swf">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="scale" value="noscale">
<embed src="home.swf"
width="75%"
height="100%"
align="middle"
scale="exactfit"
quality="high"
menu="false"
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash">
</embed>
</object>
</tr></td></table>
</body>
</center>
</html>
If I run the code in IE, it centers the swf file vertically and horizontally. When I resize the window, the movie doesnt resize itself.
If I run the code in FF, it centers the swf file horizontally. When I resize the window, the movie resizes itself also.
When I set the scale to exactfit, on both browsers the swf will stretch to the browser's viewing area and behaves similarly - by that I mean when I resize the window, the movie will resize too.
I actually want it to behave so that it is horizontally centered and when the movie is resized, the movie doesnt resize itself. If that makes sense?
Can someone please help me understand why it behaves differently and how to go about getting consistency? |
