Colspan en Firefox

[ajarrin]

Hola,

alguien sabe como solucionar el problema del Colspan en un td en Firefox?

Saludos.

[neandertal]

Podrías ser un poco mas especifico, explicarte un poco mas ?

[ajarrin]

Hola,

a lo que me refiero es a lo siguiente, revisar el siguiente html:

<table>
<tr><td colspan='2'> TITULO </td></tr>
<tr><td>Celda 1</td>
<td>Celda 2</td>
</tr>
</table>

Si ejecuto el html que muestro en el ejemplo, en Internet Explorer se ejecutara correctamente el colspan='2' y se juntaran ambas celdas en la primera fila, pero en Firefox no funciona y mas bien la primera fila la muestra como que tuviese una sola celda (la de la izquierda) y mostrara como que no existe celda en el lado derecho de esa fila... este es el problema al que me referia a que Firefox no esta tomando en cuenta la propidad colspan en los TD... espero haberme explicado lo suficiente, sino diganmelo para tratar de hacerlo mejor... caso contrario, alguien sabe cual es el problema y como solucionarlo?

Saludos.

[neandertal]

No se si te refieres a esto pero lo puedes arreglar cambiando

Código:

<table>

por esto:

Código:

<table border="1">

Espero haberte ayudado.

[ajarrin]

Hola,

la verdad la propiedad border no cambia el resultado del problema, en mi ejemplo puse simplemente <table> era para no poner tanta propiedad que no venia al cabo ponerla, pero mas bien poniendo en mi pagina border=1 es que me di cuenta como es que firefox esta interpretando o mejor dicho, que firefox no esta interpretando el colspan en el td.

Saludos

[Panino5001]

Aunque el valor del atributo debería ir entre comillas dobles, aún puesto con comillas simples sí es bien interpretado en firefox. De manera que el problema debe estar en otra parte de tu página y no en este fragmento. De todas maneras, no es un tema que pertenezca a javascript.

[xbx]

Código HTML:

<table>
<tr><td colspan='2'> TITULO </td></tr>
<tr><td>Celda 1</td>
       <td>Celda 2</td>
</tr>
</table> 

Funciona perfectamente en Firefox. No sé cual puede ser tu problema.

Si quieres agregale un align center y veras que "TITULO" queda centrado al medio de la primer fila:

Código HTML:

<table>
<tr><td colspan='2' align="center"> TITULO </td></tr>
<tr><td>Celda 1</td>
       <td>Celda 2</td>
</tr>
</table> 

Saludetes

[Perr0]

Hola ajarrin, el truco esta en que al mostrar, display no tenga nada, ni siquiera "block"

Código HTML:

<style type="text/css">
.hidd{display: none}
.show{display: }
</style>

<script type="text/javascript">
function showHidd()
{
	var idrow = document.getElementById('filaColSpan')
	if(idrow.className=='show')
	{
		idrow.className='hidd'
	}else{
		idrow.className='show'
	}
}
</script>

<h3>Tercera Fila se inicia oculta al leer la clase hidd</h3>
<table border="1" cellpadding="5">
<tr><td width="240">Col 1</td>
<td width="240">Col 2</td>
</tr>
<tr onClick="showHidd()" style="cursor: hand">
  <td colspan="2">Click aqu&iacute; para Abir/Ocultar </td>
</tr>
<tr id="filaColSpan" class="hidd">
  <td colspan="2" bgcolor="#00FF00"><pre>Fila con Colspan=&quot;2&quot; funcionando en Internet Explorer
y Mozilla Firefox</pre></td></tr>
</table> 

[tepitenio]

Se que el tema es viejo pero quiero aportar algo:

El colspan simple funciona en Firefox (como han dicho) SIN EMBARGO, un COLSPAN ANIDADO (?!) no funciona bien.

Quiero decir, hice una tabla con 11 cols y cada tantas rows dibuja otra tabla DENTRO DE UN TD COLSPAN.

ME HE VUELTO LOCO para descubrir el error que me daba en Firefox y en Opera. De casualidad probé el mismo código en Internet Explorer y lo entendió perfecto!

Suerte que el Cliente SOLO quiere la aplicación para IE (yo uso Opera por comodidad) asi pues no tengo que volverme loco para hacerlo en FF y Opera.

Pero quería dejar sentado que el COLSPAN cuando es un poco mas complicado no es tan fácil de hacerlo andar bien en "el resto de los navegadores".