Foros del Web » Creando para Internet » HTML »

Problema con tabla en diferentes navegadores

Estas en el tema de Problema con tabla en diferentes navegadores en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 19/09/2010, 14:18
 
Fecha de Ingreso: mayo-2008
Mensajes: 17
Antigüedad: 9 años, 6 meses
Puntos: 0
Problema con tabla en diferentes navegadores

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 :)
  #2 (permalink)  
Antiguo 19/09/2010, 16:51
Avatar de seudoCodigo  
Fecha de Ingreso: octubre-2003
Ubicación: Puerto Rico
Mensajes: 163
Antigüedad: 14 años, 1 mes
Puntos: 1
Respuesta: Problema con tabla en diferentes navegadores

quizás si compartes el HTML y el CSS te pudiera ayudar...
  #3 (permalink)  
Antiguo 19/09/2010, 17:21
 
Fecha de Ingreso: mayo-2008
Mensajes: 17
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: Problema con tabla en diferentes navegadores

Aquí el código de la tabla:
Cita:
<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.
  #4 (permalink)  
Antiguo 19/09/2010, 18:02
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: Problema con tabla en diferentes navegadores

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
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #5 (permalink)  
Antiguo 20/09/2010, 01:18
 
Fecha de Ingreso: mayo-2008
Mensajes: 17
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: Problema con tabla en diferentes navegadores

Emprear, no he entendido nada de lo que me has querido decir :/
¿Y tanto "mensaje" que aparece en el código?
  #6 (permalink)  
Antiguo 20/09/2010, 10:48
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: Problema con tabla en diferentes navegadores

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
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #7 (permalink)  
Antiguo 22/09/2010, 16:30
 
Fecha de Ingreso: mayo-2008
Mensajes: 17
Antigüedad: 9 años, 6 meses
Puntos: 0
Respuesta: Problema con tabla en diferentes navegadores

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.
  #8 (permalink)  
Antiguo 24/09/2010, 15:03
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Problema con tabla en diferentes navegadores

Hola:

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

Introducción a XHTML.
Introducción a CSS.

Saludos.


Etiquetas: diferentes, navegadores, tablas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:57.