# Vertically centering an SWF?

**URL:** https://forum.kirupa.com/t/vertically-centering-an-swf/183829
**Category:** web dev
**Created:** [March 30, 2006, 2:38pm UTC](https://forum.kirupa.com/t/vertically-centering-an-swf/183829 "2006-03-30T14:38:53Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![ya3](https://avatars.discourse-cdn.com/v4/letter/y/e95f7d/32.png) [@ya3](https://forum.kirupa.com/u/ya3)
#### Post date: [March 30, 2006, 2:38pm UTC](https://forum.kirupa.com/t/vertically-centering-an-swf/183829/1 "2006-03-30T14:38:53Z")

</div>

Okay, I’ve got a Flash movie in an HTML page. The SWF is 590px high, and 100% wide. That is, 100% of the HTML page’s width, which makes the movie centered _horizontally_, but I can’t figure out how to have it centered _vertically_. If I make the hieght 100%, it doesn’t work properly in all browsers.

Help? 🙂

---

<div class="post-metadata">

### Author: ![richter](https://avatars.discourse-cdn.com/v4/letter/r/838e76/32.png) [@richter](https://forum.kirupa.com/u/richter)
#### Post date: [March 30, 2006, 2:53pm UTC](https://forum.kirupa.com/t/vertically-centering-an-swf/183829/2 "2006-03-30T14:53:26Z")

</div>

Hi, this is something Ive done to center flash on my sites photolog: [http://www.untitled-project.com/photolog/](http://www.untitled-project.com/photolog/) (view source to see)

Add this CSS in the head:  
\<style type=“text/css”\>  
html, body {  
width:100%;  
height:100%;  
padding:0;  
margin:0;  
background-color:#EAE7DF;  
}  
\</style\>

And in the body:

\<table width=“100%” height=“100%” border=“0” cellpadding=“0” cellspacing=“0”\>  
\<tr\>  
\<td 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](http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0)” width=“100%” height=“500”\>  
\<param name=“menu” value=“false”\>  
\<param name=“movie” value=“imageVue.swf”\>  
\<param name=“quality” value=“high”\>  
\<param name=“BGCOLOR” value="#EAE7DF"\>  
\<param name=“FLASHVARS” value=""\>  
\<embed src=“imageVue.swf” width=“100%” height=“500” menu=“false” quality=“high” pluginspage=“[http://www.macromedia.com/go/getflashplayer](http://www.macromedia.com/go/getflashplayer)” type=“application/x-shockwave-flash” bgcolor="#EAE7DF" flashvars=""\>\</embed\>\</object\>  
\</td\>  
\</tr\>  
\</table\>

That should do it  
R

---

<div class="post-metadata">

### Author: ![ya3](https://avatars.discourse-cdn.com/v4/letter/y/e95f7d/32.png) [@ya3](https://forum.kirupa.com/u/ya3)
#### Post date: [March 30, 2006, 4:02pm UTC](https://forum.kirupa.com/t/vertically-centering-an-swf/183829/3 "2006-03-30T16:02:12Z")

</div>

Thanks so much. That’s EXACTLY what I’m looking for.

For your third (non-Random) post ever, that was extremely helpful 😉