Problema con tabla en diferentes navegadores

[Hydross]

Buenas.

Resulta que he hecho una tabla pero en Google Chrome se me ve de un modo y en Mozilla Firefox e Internet Explorer, de otro, aquí os pongo 2 screens.

Decir que en Google Chrome he conseguido que se me vea bien utilizando "rowspan="7"" en la celda que contiene la imagen que se puede apreciar.

Google Chrome


Mozilla Firefox e Internet Explorer


Gracias :)

[seudoCodigo]

quizás si compartes el HTML y el CSS te pudiera ayudar...

[Hydross]

Aquí el código de la tabla:

<table border="0">
<tr>
<td><font size="4" color="#FFFFFF"><b>Horario:</font></b></td>
<td><font size="4" color="#FFFFFF"><b>Mapa:</font></b></td>
<tr>
<td><b>Lunes - Viernes:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;</b></td>
<td rowspan="7"><img src="http://www.forosdelweb.com/images/mapa.png" border="0"></td>
</tr>
<tr>
<td>&nbsp;&nbsp;&nbsp;9.30 - 13h</td>
</tr>
<tr>
<td>&nbsp;&nbsp;&nbsp;16 - 20h</td>
</tr>
<tr>
</tr>
<tr>
<td><b>Sábados:</b></td>
</tr>
<tr>
<td>&nbsp;&nbsp;&nbsp;9.30 - 13h</td>
</tr>
<tr>
<td></td>
</tr>
</table>

¿Del CSS necesitas alguna parte en concreto? En referencia a las tablas no tengo nada en él.

[emprear]

Hydross:

Primero tendrías que escribir tu código en la forma correcta, después, si el problema persiste, no las podemos agarrar con los navegadores


Line 11, Column 53: end tag for "b" omitted, but OMITTAG NO was specified
<td><font size="4" color="#FFFFFF"><b>Horario:</font></b></td>
Line 11, Column 36: start tag was here
<td><font size="4" color="#FFFFFF"><b>Horario:</font></b></td>
Line 11, Column 57: end tag for element "b" which is not open
<td><font size="4" color="#FFFFFF"><b>Horario:</font></b></td>
If this error occurred in a script section of your document, you should probably read this FAQ entry.
Line 12, Column 50: end tag for "b" omitted, but OMITTAG NO was specified
<td><font size="4" color="#FFFFFF"><b>Mapa:</font></b></td>
Line 12, Column 36: start tag was here
<td><font size="4" color="#FFFFFF"><b>Mapa:</font></b></td>
Line 12, Column 54: end tag for element "b" which is not open
<td><font size="4" color="#FFFFFF"><b>Mapa:</font></b></td>
If this error occurred in a script section of your document, you should probably read this FAQ entry.
Line 13, Column 4: document type does not allow element "tr" here
<tr>
Line 15, Column 86: end tag for "img" omitted, but OMITTAG NO was specified
…span="7"><img src="http://www.forosdelweb.com/images/mapa.png" border="0"></td>
Line 15, Column 17: start tag was here
<td rowspan="7"><img src="http://www.forosdelweb.com/images/mapa.png" border="0…
Line 17, Column 4: document type does not allow element "tr" here
<tr>
Line 20, Column 4: document type does not allow element "tr" here
<tr>
Line 23, Column 4: document type does not allow element "tr" here
<tr>
Line 24, Column 5: end tag for "tr" which is not finished
</tr>
Line 25, Column 4: document type does not allow element "tr" here
<tr>
Line 28, Column 4: document type does not allow element "tr" here
<tr>
Line 31, Column 4: document type does not allow element "tr" here
<tr>
Line 34, Column 8: end tag for "tr" omitted, but OMITTAG NO was specified
</table>

Siempre es recomendable , que antes de postear, revises con un minimo de profundidad tu código

Saludos

[Hydross]

Emprear, no he entendido nada de lo que me has querido decir :/
¿Y tanto "mensaje" que aparece en el código?

[emprear]

Hydross:

Cuando se escribe código html/xhtml, la cosas no se ponen porque sí, todo tiene un principio lógico, una estructura, sintáxis y semantica.

Veamos

<td><font size="4" color="#FFFFFF"><b>Horario:</font></b></td>

esto está mal, deberías haber cerrado el b antes del font de cierre,

<tr>
<td><font size="4" color="#FFFFFF"><b>Horario:</font></b></td>
<td><font size="4" color="#FFFFFF"><b>Mapa:</font></b></td>
<tr>

Ahi, iniciaste una fila sin cerrar la anterior, otro error,
Esa lista que NO entiendes para nada señala todos los errores que cometiste.


Es cierto que los navegadores a veces nos hacen de las suyas, pero nuestra primera obligación es pasarle las cosas como corresponde.


Yo te dejo el código correcto para la tabla que vos mostraste con tu ejemplo, seis filas, 2 columnnas y las celdas 2 a 6 de la 2ª columna combinadas.

Está en vos aprender de tu error o limitarte a "copiar y pegar"

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
</head>
<body>
<table border="1" cellspacing="1" cellpadding="1">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td><b>Lunes - Viernes:</b></td>
<td rowspan="5" align="center" valign="middle">
<img src="alert.red.gif" alt="imagen" width="80" height="80" border="1" />
</td>
</tr>
<tr>
<td>9.30 - 13h</td>
</tr>
<tr>
<td>16 - 20h</td>
</tr>
<tr>
<td><b>Sábados</b></td>
</tr>
<tr>
<td>9.30 - 13h</td>
</tr>
</table>
</body>


Saludos

[Hydross]

Gracias :)

Llevo unos días ocupados, por eso no he podido ni responder y, como quiero mirármelo bien y no copiar y pegar, en unos días habrá novedades.

Un saludo.

[jomaruro]

Hola:

No deberías empezar la casa por el tejado. Empieza por aquí:

1º Introducción a XHTML.
2º Introducción a CSS.

Saludos.