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>
