Si, ya arregle lo de las tablas...
Ahora tengo una duda...
¿Cómo centro una etiqueta <div>...?
<body bgcolor="#FFFFFF" text="#000000">
<center>
<table border="0" cellspacing="0" cellpadding="0" width="836">
<tr>
<td valign="top" colspan="4" bgcolor="ffeedd" height="159">
<center>
<font size="4" face="verdana, tahoma, arial, arial narrow, trebuchet ms" color="990000">
Espacio reservado para animacion flash.
</font>
</center>
</td>
</tr>
<TR>
<TD COLSPAN="4" HEIGHT="32">
</TR>
<tr>
<td width="20" rowspan=5 valign=top>
<img src="left.png" width="20" height="716">
</td>
<td colspan=2 HEIGHT="20" valign="top">
<img src="center.png" width=800 height=20>
</td>
<td width="20" rowspan=5 valign="top">
<img src="right.png" width="20" height="715">
</td>
</tr>
<tr>
<td width="550" height="313" valign="top">
<center>
<img src="LOGO3.jpg" WIDTH="500" HEIGHT="313">
</center>
</td>
<td width="250" valign="top">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://active.macromedia.com/flash4/cabs/swflash.cab#version=4,0,0,0" id="menuflash" width="250" height="326">
<param name="movie" value="menuflash.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#ffffff">
<embed src="menuflash.swf" quality="high" bgcolor="#ffffff" width="250" height="326" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</embed>
</object>
</td>
</tr>
<tr>
<td height="391" colspan="2" valign="top">
<div id="left layer" style="position:absolute; left:272px; top:570px; width:320px; height:320px; z-index:1; background-image: url(layerborder.gif); layer-background-image: url(layerborder.gif); border: 0px none #000000">
<img src="topleft.gif" width="320" height="70">
<div id="inner left layer" style="position:absolute; left:4px; top:74px; width:310px; height:240px; z-index:2">
<div align="left">
<font face="Tahoma, Verdana, Arial, Arial Narrow, Trebuchet MS" size="2" color="#000090">
</font>
</div>
</div>
</div>
<div id="right layer" style="position:absolute; left:655px; top:570px; width:320px; height:320px; z-index:1; background-image: url(layerborder.gif); layer-background-image: url(layerborder.gif); border: 0px none #000000">
<img src="topright.gif" width="320" height="70">
<div id="inner right layer" style="position:absolute; left:4px; top:74px; width:310px; height:240px; z-index:2">
</div>
</div>
</td>
</tr> <tr>
<td colspan="2" height="25">
<center>
<img src="copyright.jpg" width="500" height="25">
</center>
</td>
</tr>
<tr>
<td colspan="2" height="30" valign="top">
<img src="bottom.gif" height="30" width="800">
</td>
</tr>
</table>
</center>
voy a ver si se ve bien en cuanto la publique...
aqui se ve un poco mal...
Miren, yo uso una resolucion alta en mi pantalla (1280), e hice una pagina con tablas y <div>s, pero cuando la llevo a una resolucion menor (1024 y 800) se ven los layers corridos de la posicion original...
¿Me pueden ayudar a centrarlos y/o alinearlos con la tabla...?
Creo que es lo de negrilla
