Hola amigos
Tengo un problema con una tabla en HTML. Intento hacer una web con porcentajes y prescindiendo de pixeles en el cuerpo hay una tabla con 1 fila y con 3 columnas. En la columna izquierda hay una pequeña imagen de un leon agarrando -supuestamente- un iframe -donde coloco texto- y a la derecha hay un banner de un anuncio .gif. La idea es que al cambiar la resolución la web se vea mas o menos igual y las imagenes aumenten proporcionalmente dependiendo de la resolución del monitor sin salir de su celda e invadir o achicar las celdas contiguas.
En los navegadores convencionales (firefox,konqueror,epiphany,etc) no hay problema ninguno, cuando cambia la resolución las imagenes se maximizan sin descolocarse. El problema ocurre cuando uso internet explorer -en mi caso ie6-. Las imagenes se maximizan no proporcionalmente al tamaño de la celda sino al tamaño real dejando el iframe muy pequeño y desconfigurando la web. No sucede así con los otros navegadores.
Para hacer la web he usado debian (GNU/Linux) y kompozer usando <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
Me gustaría que me diesen alguna sugerencia para que esto no me pase.
Código HTML:
</table>
<br>
<table
style="text-align: left; margin-left: auto; margin-right: auto; width: 88%;"
border="0" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="width: 15%;"><img
style="width: 100%; height: 100%;" alt="lyon"
src="images/lyon.png"></td>
<td style="width: 55%;">
<div =""><iframe src="texto_santera_yoruba.html"
height="460" width="100%"></iframe><br>
</div>
</td>
<td style="width: 30%;"><img
style="width: 100%; height: 100%; float: left;" alt="orisha"
src="images/orisha.gif"></td>
</tr>
</tbody>
</table> Gracias por anticipado.