<p><span style="font-family: 'Lucida Grande'; font-size: small;"><span style="font-size: 11px;"> </span></span><br /><span style="font-family: 'Lucida Grande'; font-size: small;"><span style="font-size: 11px;"></p>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span style="font-size: medium;"><span style="font-size: 15px;"> </span></span></div>
<p><span style="font-size: medium;"></span><br /><span style="font-size: medium;"></p>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><b><br /></b></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="color: #0035eb; font-family: Calibri;"><b> ;1.Stretch SWF 100% of the browser window or full flash browser</b></span><span lang="EN-US" style="font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 48.0pt; margin-right: 0cm; margin-top: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none; text-indent: -48.0pt;"><span lang="EN-US" style="font-family: Calibri;"> ; ;  ;a) ;Set both the width and height of your SWF to 100% in your SWFObject definition</span><span lang="EN-US" style="font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 14.2pt; margin-right: 0cm; margin-top: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none; text-indent: -7.1pt;"><span lang="EN-US" style="font-family: Calibri;"> ;b) ;Include CSS to get rid of any default margins/padding and set the height of the html element, the body element and the entire chain of block level HTML elements that your SWF will be nested in to 100%, because Firefox (or: any Gecko based browser) in standards compliant mode (or: using a valid DOCTYPE) interprets percentages in a very strict way (to be precise: the percentage of the height of its parent container, which has to be set explicitly):</span><span lang="EN-US" style="font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="font-family: Calibri;"> ; ; c) Manage the scaling and alignment of your SWF and the positioning</span><span lang="EN-US" style="font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="font-family: Calibri;"> ; ;  ;  ;  ;of your SWF&#8217;s elements, within your ActionScript code, e.g.:</span><span lang="EN-US" style="font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="font-family: Calibri;"> ; ;  ;  ;  ;  ;  ;  ;  ; stage.scaleMode = StageScaleMode.NO_SCALE;</span><span lang="EN-US" style="font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="font-family: Calibri;"> ; ;  ;  ;  ;  ;  ;  ;  ;stage.align = StageAlign.TOP_LEFT;</span><span lang="EN-US" style="font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="font-family: Calibri;"> ; ;  ;  ;  ;  ;  ;  ;  ;stage.addEventListener(Event.RESIZE, resizeHandler)</span><span lang="EN-US" style="font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="font-family: Calibri;"> ; ;  ;  ;  ;  ;  ;  ; function resizeHandler(event:Event):void {</span><span lang="EN-US" style="font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="font-family: Calibri;"> ; ;  ;  ;  ;  ;  ;  ; // center stuff</span><span lang="EN-US" style="font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="font-family: Calibri;"> ; ;  ;  ;  ;  ;  ;  ;}</span><span lang="EN-US" style="font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="font-family: Calibri;">NOTE: For positioning elements always define a resize handler, because a user can resize the browser window and in Internet Explorer (using the dynamic publishing method) the stage size is only available on first load. When reloading or revisiting a page it will initially be 0, causing the Flash player to keep on triggering the stage.resize event until it receives its current value.</span><span lang="EN-US" style="font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="font-family: Calibri;">~~~~~~~~~~~~~</span><span lang="EN-US" style="font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><b><span lang="EN-US" style="color: #0035eb; font-family: Calibri;">2.Avoid extra whitespace is created underneath SWF?</span></b><span lang="EN-US" style="font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="font-family: Calibri;">When using dynamic publishing and a strict HTML DOCTYPE Firefox, Safari and Opera may create a few pixels whitespace underneath your Flash movie.</span><span lang="EN-US" style="font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="font-family: Calibri;">To avoid this make sure that your object element is set as a block level element, which can be achieved with the following CSS style rule:</span><span lang="EN-US" style="font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="font-family: Calibri;"><;style type=&#8221;text/css&#8221; media=&#8221;screen&#8221;>;</span><span lang="EN-US" style="font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="font-family: Calibri;"> ; ; ; ;object { display:block; }</span><span lang="EN-US" style="font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="font-family: Calibri;"><;/style>;</span><span lang="EN-US" style="font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="font-family: Calibri;"> ;~~~~~~~~~~~</span><span lang="EN-US" style="font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="color: #0035eb; font-family: Calibri;"><b>3.ways to make a transparent background for your flash movie.</b></span><span lang="EN-US" style="font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><b><span lang="EN-US" style="font-family: Calibri;">Using Flash editor to produce your HTML code</span></b><span lang="EN-US" style="font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 85.0pt; margin-right: 0cm; margin-top: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none; text-indent: -85.0pt;"><span lang="EN-US" style="font-family: Calibri;">• ; ; ;File menu ->; Publish Settings ->; HTML Tab</span><span lang="EN-US" style="font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 85.0pt; margin-right: 0cm; margin-top: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none; text-indent: -85.0pt;"><span lang="EN-US" style="font-family: Calibri;">• ; ; ;Look for WMODE setting and select transparent for it. Then publish to produce you HTML code.</span><span lang="EN-US" style="font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><b><span lang="EN-US" style="font-family: Calibri;">Using Dreamweaver to insert your flash movie</span></b><span lang="EN-US" style="font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 85.0pt; margin-right: 0cm; margin-top: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none; text-indent: -85.0pt;"><span lang="EN-US" style="font-family: Calibri;">• ; ; ;Select the flash movie, click the parameter button in the property panel.</span><span lang="EN-US" style="font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 85.0pt; margin-right: 0cm; margin-top: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none; text-indent: -85.0pt;"><span lang="EN-US" style="font-family: Calibri;">• ; ; ;in the popup, add a parameter &#8220;WMODE&#8221; and set its value to &#8220;transparent&#8221;.</span><span lang="EN-US" style="font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><b><span lang="EN-US" style="font-family: Calibri;">Using HTML code:</span></b><span lang="EN-US" style="font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; margin-left: 14.2pt; margin-right: 0cm; margin-top: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="font-family: Calibri;"> ;add the following to the object tag:</span><span lang="EN-US" style="font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="font-family: Calibri;">add the following parameter to the EMBED tag:</span><span lang="EN-US" style="font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="font-family: Calibri;">wmode=&#8221;transparent&#8221;</span><span lang="EN-US" style="font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="color: #002bf6; font-family: Calibri;"><b>4. Moving SWF to the centre of the page (Vertically &; Horizontally)</b></span><span lang="EN-US" style="font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="color: #dc2e1a; font-family: Calibri;">a)solution 1</span><span lang="EN-US" style="color: #ef2614; font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="font-family: Calibri;"><;style type=&#8221;text/css&#8221;>;</span><span lang="EN-US" style="color: #ef2614; font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="font-family: Calibri;">#wrapper {</span><span lang="EN-US" style="color: #ef2614; font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="font-family: Calibri;"> ; ;width: 728px; height: 90px;</span><span lang="EN-US" style="color: #ef2614; font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="font-family: Calibri;"> ; ;position: absolute;</span><span lang="EN-US" style="color: #ef2614; font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="font-family: Calibri;"> ; ;left: 50%; top: 50%;</span><span lang="EN-US" style="color: #ef2614; font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="font-family: Calibri;"> ; ;margin: -45px 0 0 -364px;</span><span lang="EN-US" style="color: #ef2614; font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="font-family: Calibri;">}</span><span lang="EN-US" style="color: #ef2614; font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="font-family: Calibri;"><;/style>;</span><span lang="EN-US" style="color: #ef2614; font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="color: #ef2614; font-family: Calibri;">b)solution 2<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="font-family: Calibri;"><;table width=&#8221;100%&#8221; height=&#8221;100%&#8221; border=&#8221;0&#8243; align=&#8221;center&#8221;>;</span><span lang="EN-US" style="color: #ef2614; font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="font-family: Calibri;"> ; ;<;tr>;</span><span lang="EN-US" style="color: #ef2614; font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="font-family: Calibri;"> ; ; ; ;<;td>;<;div align=&#8221;center&#8221;>;</span><span lang="EN-US" style="color: #ef2614; font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="font-family: Calibri;"> ; ; ; ; ; ; ; ;<;object classid=&#8221;clsid:D27CDB6E-AE6D-11cf-96B8-444553540000&#8243; codebase=&#8221;http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0&#8243; width=&#8221;250&#8243; height=&#8221;150&#8243;>;</span><span lang="EN-US" style="color: #ef2614; font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="font-family: Calibri;"> ; ; ; ; ; ; ; ; ; ;<;param name=&#8221;movie&#8221; value=&#8221;yourmovie.swf&#8221;>;</span><span lang="EN-US" style="color: #ef2614; font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="font-family: Calibri;"> ; ; ; ; ; ; ; ; ; ;<;param name=&#8221;quality&#8221; value=&#8221;high&#8221;>;</span><span lang="EN-US" style="color: #ef2614; font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="font-family: Calibri;"> ; ; ; ; ; ; ; ; ; ;<;embed src=&#8221;yourmovie.swf&#8221; quality=&#8221;high&#8221; pluginspage=&#8221;http://www.macromedia.com/go/getflashplayer&#8221; type=&#8221;application/x-shockwave-flash&#8221; width=&#8221;250&#8243; height=&#8221;150&#8243;>;<;/embed>;<;/object>;</span><span lang="EN-US" style="color: #ef2614; font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="font-family: Calibri;"> ; ; ; ; ; ;<;/div>;<;/td>;</span><span lang="EN-US" style="color: #ef2614; font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="font-family: Calibri;"> ; ;<;/tr>;</span><span lang="EN-US" style="color: #ef2614; font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="font-family: Calibri;"><;/table>; ; ;&#8211;>;</span><span lang="EN-US" style="color: #ef2614; font-family: Calibri;"><o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"><span lang="EN-US" style="color: #ef2614; font-family: Calibri;">â¨<o:p></o:p></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-autospace: none;"></div>
<div></div>
<p></span></span></span><span style="font-family: 'Lucida Grande'; font-size: small;"><span style="font-size: medium;"></span><br /></span><span style="font-family: 'Lucida Grande'; font-size: small;"><span style="font-size: 11px;"></span></span><br /><span style="font-family: 'Lucida Grande'; font-size: small;"><span style="font-size: 11px;"></p>
<div style="margin-bottom: .0001pt; margin-bottom: 0cm; mso-layout-grid-align: none; mso-pagination: none; text-align: justify; text-autospace: none;"><span style="color: red; font-family: Calibri;"><span style="font-size: medium;"><span style="color: black; font-family: 'Lucida Grande'; font-size: small;"><span style="font-size: 11px;"> </span></span></span></span></div>
<p></span></span><span style="color: red; font-family: Calibri;"></span><br /><span style="font-family: 'Lucida Grande'; font-size: small;"><span style="font-size: 11px;"> </span></span></p>
<div style="margin-bottom: 12pt; text-align: justify;"><span style="font-family: Arial;"> </span></div>

