Acá os dejo la web en HTML que he creado http://www.xente.mundo-r.com/knowledge
Está optimizada a una resolución de 1024x768 pero si se cambia la resolución se ve o mas grande o mas pequeña. la solución está en usar porcentajes pero tengo un problema con internet explorer en el cuerpo de la web donde va 2 imágenes iframe.
¿Debo usar tablas convencionales en el cuerpo de la web o debo usar tablas con CSS? Necesito consejos al respecto pues soy novato en la edición de webs y que me orienten en el uso de porcentajes en vez de pixeles.
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<link type="text/css" href="menu_style.css" rel="stylesheet"></head>
<body style="margin-top: 0px; height: 129px; width: 1024px; color: rgb(0, 0, 0); background-color: rgb(51, 0, 0); background-image: url(images/final.png);" alink="#ee0000" link="#0000ee" vlink="#551a8b">
<br>
<table style="width: 900px; height: 189px; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="height: 189px; width: 100%;"><img style="height: 176px; width: 900px;" alt="head" src="images/head.png">
<div id="menu">
<ul>
<li><a href="index.html" title="santeria_yoruba.html"><span>Santera
Yoruba
</span></a></li>
<li><a href="videncia.html" title="videncia.html"><span>Videncia
</span></a></li>
<li><a href="medium.html" title="medium.html"><span>Medium
</span></a></li>
<li><a href="espiritismo.html" title="espiritismo.html"><span>Espiritismo
</span></a></li>
<li><a href="sanaciones.html" title="sanaciones.html"><span>Sanaciones
</span></a></li>
<li><a href="trabajos.html" title="trabajos.html"><span>Trabajos
</span></a></li>
<li><a href="contacto.html" title="contacto.html"><span>Contacto
</span></a></li>
<li><a href="galeria.html" title="galeria.html"><span>Galería
</span></a></li>
</ul>
</div>
</td>
</tr>
</tbody>
</table>
<br>
<br>
<table style="width: 898px; height: 478px; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="width: 140px;"><img style="width: 144px; height: 188px;" alt="lyon" src="images/lyon.png"><br>
</td>
<td style="width: 470px;">
<div =""><iframe src="texto_santera_yoruba.html" height="460" width="100%"></iframe><br>
</div>
</td>
<td style="width: 260px;"><img style="width: 245px; height: 308px; float: right;" alt="orisha" src="images/images.gif/orisha.gif"><br>
</td>
</tr>
</tbody>
</table>
<br>
<br>
<table style="width: 900px; height: 31px; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td><img style="width: 900px; height: 280px;" alt="back" src="images/back.png" align="middle"></td>
</tr>
</tbody>
</table>
<br>
<span style="color: white;"></span><span style="color: white;"></span><span style="color: white;"></span><span style="color: white;"></span><span style="color: white;"><span style="color: white;"><span style="color: white;"><span style="color: white;"></span></span></span></span>
</body></html>