How to Vertically Align HTML

programming web dev
1

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:

<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>
2

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?

3

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 :slight_smile:

4

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

5

Better yet, just use notepad :stuck_out_tongue: