La pagina debe tener una estructura como la que maneja el siguiente código
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript">
function iniciar() {
var tabla = document.getElementById('informacion_encuestas');
while (tabla.childNodes.length > 0) // limpiar contenido de la tabla
tabla.removeChild(tabla.lastChild);
var fila1 = document.createElement('TR');
var fila2 = document.createElement('TR');
var columna1fila1;
try {
columna1fila1 = document.createElement('<TD colspan=2');
}
catch (err) {
columna1fila1 = document.createElement('TD');
columna1fila1.setAttribute('colspan', '2');
}
columna1fila1.appendChild(document.createTextNode( "FILA 1"));
fila1.appendChild(columna1fila1);
var columna1fila2;
try {
columna1fila2 = document.createElement('<TD width="24%"/>');
}
catch (err) {
columna1fila2 = document.createElement('TD');
columna1fila2.setAttribute('width','24%');
}
columna1fila2.appendChild(document.createTextNode( "Columna 1 Fila 2"));
fila2.appendChild(columna1fila2);
var columna2fila2;
try {
columna2fila2 = document.createElement('<TD width="24%"/>');
}
catch (err) {
columna2fila2 = document.createElement('TD');
columna2fila2.setAttribute('width','76%');
}
var tabla_opciones;
try {
tabla_opciones = document.createElement('<TABLE width=100%/>');
}
catch (err) {
tabla_opciones = document.createElement('TABLE');
tabla_opciones.setAttribute('width','100%');
}
tabla_opciones.setAttribute('border', '1');
var tablafila1 = document.createElement('TR');
var tablafila2 = document.createElement('TR');
var tablacolumna1fila1;
try {
tablacolumna1fila1 = document.createElement('<TD colspan=2');
}
catch (err) {
tablacolumna1fila1 = document.createElement('TD');
tablacolumna1fila1.setAttribute('colspan','2');
}
tablacolumna1fila1.appendChild(document.createText Node("Tabla Columna 1 Fila 1"));
tablafila1.appendChild(tablacolumna1fila1);
var tablacolumna1fila2;
try {
tablacolumna1fila2 = document.createElement('<TD width=50%/>');
}
catch (err) {
tablacolumna1fila2 = document.createElement('TD');
tablacolumna1fila2.setAttribute('width','50%');
}
tablacolumna1fila2.appendChild(document.createText Node("Tabla Columna 1 Fila 2"));
tablafila2.appendChild(tablacolumna1fila2);
var tablacolumna2fila2;
try {
tablacolumna2fila2 = document.createElement('<TD width=50%/>');
}
catch (err) {
tablacolumna2fila2 = document.createElement('TD');
tablacolumna2fila2.setAttribute('width','50%');
}
tablacolumna2fila2.appendChild(document.createText Node("Tabla Columna 2 Fila 2"));
tablafila2.appendChild(tablacolumna2fila2);
tabla_opciones.appendChild(tablafila1);
tabla_opciones.appendChild(tablafila2);
columna2fila2.appendChild(tabla_opciones);
fila2.appendChild(columna2fila2);
tabla.appendChild(fila1);
tabla.appendChild(fila2);
}
</script>
</head>
<body onload="iniciar()">
<table width="100%" border="1">
<tbody id="informacion_encuestas">
</tbody>
</table>
</body>
</html>
El problema persiste en que en IE6, la tabla anidada dentro de la celda 2 de la fila 2 no se muestra, mientras que en Firefox y en Opera si es posible ver todo el contenido.
La pagina debe ser creada mediante Javascript's, por lo que no se el motivo por el cual el IE6 no muestra bien el contenido de la página.
Si alguien tiene algun comentario o solución a mi problema, con el cual se pueda visualizar tanto en los distintos navegadores le agradecería su respuesta...
:
