Tengo un pequeño problema con una tabla. Por mas que he revisado y revisado el codigo no consigo dar con la solucion.
Si pudierais ayudarme os lo agradeceria.
El dilema es el siguiente. Tengo una pagina con una tabla y esa tabla tiene 5 filas y 3 columnas. En la primera fila dos celdas una que ocupa el ancho de dos columnas (colspan=2) y la otra con un ancho en pixels. En la segunda fila, una sola celda con todo el ancho de tabla, en la tercera fila hay tres columnas con sus respectivas anchuras en pixels, y lo mismo ocurre en la cuarta. La quita fila ocupa todo el ancho de la tabla.
Cada celda de la tabla tiene o un texto o una imagen. EL problema empieca cuando visualizo la pagina por el explorer y veo que la columna de la derecha se me ha estrechado. Compriuebo que si quito la foto que tiene la primera fila en la celda de la izquierda todo se pone bien o si quito el texto de la ultima fila, pero no se porque y me estoy volviendo loco (en cualquier otro navegador que no sea el explorer lo veo bien)
Aqui os pongo el codigo HTML:
[COLOR=dark-blue]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>00</title>
</head>
<body>
<table cellspacing="0" cellpadding="0" border="1"
style="width: 400px; height: 528px;">
<tbody>
<tr>
<td style="text-align: left; height: 218px;" colspan="2"><img
alt="" style="width: 255px; height: 218px;"
src="file:///A:/oto_muestra.jpg"></td>
<td colspan="1" style="vertical-align: top; width: 136px;"><font
face="Arial, Helvetica, sans-serif" size="2" color="#000000"><strong><font
color="#0066ff">Aqui</font>
es
donde podrás colocar un texto de bienvenida. Esta pantalla
principal es una portada y los tres recuadros inferiores son las
secciones.</strong></font></td>
</tr>
<tr>
<td colspan="3" height="18"> </td>
</tr>
<tr>
<td class="cuadrosfotos"
style="width: 132px; height: 100px; text-align: center; vertical-align: middle;"><img
height="77" width="92" src="foto_muestra.jpg"></td>
<td class="cuadros-fotos-sup"
style="width: 132px; text-align: center; vertical-align: middle;"><img
height="77" width="92" src="foto_muestra.jpg"></td>
<td class="cuadrosfotos"
style="width: 136px; text-align: center; vertical-align: middle;"><img
height="77" width="92" src="foto_muestra.jpg"></td>
</tr>
<tr>
<td class="cuadro-fotos-lat" bgcolor="#cccccc" valign="middle"
align="center" height="22">
<div align="center"><font face="Arial, Helvetica, sans-serif"
size="1"><strong>¿Quienes
somos? </strong></font></div>
</td>
<td bgcolor="#cccccc" valign="middle" align="center">
<div align="center"><font face="Arial, Helvetica, sans-serif"
size="1"><strong>¿Qué
hacemos?</strong></font></div>
</td>
<td class="cuadro-fotos-lat" bgcolor="#cccccc" valign="middle"
align="center">
<div align="center"><font face="Arial, Helvetica, sans-serif"
size="1"><strong>¿Dondé
estamos? </strong></font></div>
</td>
</tr>
<tr>
<td
style="vertical-align: bottom; text-align: center; height: 185px;"
colspan="3">
<p align="justify"><font face="Arial, Helvetica, sans-serif"
size="2"><strong>Entrega
del Logotipo y textos picados ya en
el ordenador, (máximo un Folio o DINa4) por el cliente. Los
colores de esta página son fictícios, se pondría
el color corporativo. El recuadro de publicidad es electivo y con un
plus en el presupuesto.</strong></font></p>
</td>
</tr>
</tbody>
</table>
</body>
</html>
[/COLOR]