# How to Vertically Align HTML

**URL:** https://forum.kirupa.com/t/how-to-vertically-align-html/119648
**Category:** Uncategorized
**Created:** [August 17, 2004, 4:11am UTC](https://forum.kirupa.com/t/how-to-vertically-align-html/119648 "2004-08-17T04:11:12Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![wanyo](https://avatars.discourse-cdn.com/v4/letter/w/9d8465/32.png) [@wanyo](https://forum.kirupa.com/u/wanyo)
#### Post date: [August 17, 2004, 4:11am UTC](https://forum.kirupa.com/t/how-to-vertically-align-html/119648/1 "2004-08-17T04:11:12Z")

</div>

I thought it would be a snap, 100% height valign=“middle” type stuff.  
However, nothing I do works right, in either ie or firefox. I searched the forums, google, ect. and everyone had the same answer I had came up with.

Does anyone know a successful way to do this?

here’s my html:

```php
<table width="102%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
	<td 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="700" height="300">
		<param name="movie" value="main.swf" />
		<param name="quality" value="high" />
		<embed src="main.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="700" height="300"></embed>
	  </object>
	</td>
  </tr>
</table>

```

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [August 17, 2004, 4:37am UTC](https://forum.kirupa.com/t/how-to-vertically-align-html/119648/2 "2004-08-17T04:37:04Z")

</div>

I tried your HTML, and I was able to see the animation aligned vertically in the middle. Is that what you are trying to accomplish?

---

<div class="post-metadata">

### Author: ![wanyo](https://avatars.discourse-cdn.com/v4/letter/w/9d8465/32.png) [@wanyo](https://forum.kirupa.com/u/wanyo)
#### Post date: [August 17, 2004, 12:38pm UTC](https://forum.kirupa.com/t/how-to-vertically-align-html/119648/3 "2004-08-17T12:38:18Z")

</div>

After finding that you tested the code and it worked fine, I poked around my html document. Apparently some of the code that dreamweaver automatically adds when you make a new document was stopping the vertical align coding from running correctly.

Thanks kirupa 🙂

---

<div class="post-metadata">

### Author: ![paddy1](https://avatars.discourse-cdn.com/v4/letter/p/e36b37/32.png) [@paddy1](https://forum.kirupa.com/u/paddy1)
#### Post date: [August 17, 2004, 12:59pm UTC](https://forum.kirupa.com/t/how-to-vertically-align-html/119648/4 "2004-08-17T12:59:00Z")

</div>

I always just open the HTML file in Dreamweaver, select everything and hit center. Works for me.

---

<div class="post-metadata">

### Author: ![Vexir](https://avatars.discourse-cdn.com/v4/letter/v/a183cd/32.png) [@Vexir](https://forum.kirupa.com/u/Vexir)
#### Post date: [August 17, 2004, 3:06pm UTC](https://forum.kirupa.com/t/how-to-vertically-align-html/119648/5 "2004-08-17T15:06:52Z")

</div>

Better yet, just use notepad 😛