El DOM es el siguiente:Colspan en IE7/8 no se respeta

<table> 
    <tr> 
    <td>a</td>...<td>g</td> 
    </tr> 
    <tr> 
    <td colspan="3"> 
     <table> 
     ... 
     </table> 
    </td> 
    </tr> 
    <tr> 
    <td></td>...<td></td> 
    </tr> 
</table>

Cualquier idea de por qué esto no funcionaría en IE? Intenté configurar width:auto en el TD sosteniendo la tabla interna, y table-layout:fixed no es viable porque los datos tabulares se generan dinámicamente.

¿Qué podría estar yendo mal?

Actualmente, la tabla solo ocupa la primera columna, y no abarcará.

Actualización: Ejemplo

http://stefankendall.com/files/example.html

Fuente

2010-06-17 Stefan Kendall

¿Qué es exactamente va mal? ¿Podemos obtener una captura de pantalla o un ejemplo? ¿Has intentado establecer un borde en los elementos td para ver dónde están o si están incluso renderizando? – animuson

funciona bien para mí. – leonbloy

Actualicé para describir el comportamiento real. –

Uso colSpan, no colspan

Fuente

2010-06-17 19:06:18

¿Quién diablos votó negativamente esto? Esta es la solución correcta a mi problema. –

Los atributos se deben ingresar en minúsculas. –

@Ken Ray Solo porque algo debe hacerse no significa que los implementadores lo hicieron de esa manera. Este tipo de cosas sucede todo el tiempo en IE. –

La única cosa que viene a la mente es que puede que tenga que llenar las columnas con algo para que ellos se prestan en el IE.

<td>&nbsp;</td>

Fuente

2010-06-17 17:48:07

Esto no funciona. Incluso con columnas ficticias, esto no funciona. –

@Stefan extraño. ¿Puedes mostrar un ejemplo completo? –

He publicado un ejemplo completo. Escribí todo eso a mano, y fue un infierno. El JS es un poco desordenado, pero ese es el núcleo del problema. –

Colspan en IE7/8 no se respeta

Actualización: Ejemplo

Respuesta

Cuestiones relacionadas