El ejemplo es simple, se trata de una tabla con dos columnas, en la segunda columna hay un botón que ejecuta un script que cambia el atributo 'display' de la primera columna de 'none' a 'block' y viceversa. El problema es que al volver a mostrar la columna posteriormente a la ocultación, en firefox las dimensiones de las columnas se ven alteradas. Alguna sugerencia? Aquí dejo el código.
Gracias!
Código:
<HTML>
<HEAD>
<TITLE>Prueba redimensionamiento</TITLE>
<SCRIPT type="text/javascript">
function cambia_col(){
if(document.all.col_1.style.display != 'none'){
document.all.col_1.style.display = 'none';
}else{
document.all.col_1.style.display = 'block';
}
}
</SCRIPT>
</HEAD>
<BODY scroll="no" bgcolor='pink'>
<TABLE id='table_1' height="100%" width="100%" bgcolor="black">
<TR>
<TD id='col_1' height="100%" width="170px" bgcolor="green">
Col 1
</TD>
<TD height="100%" width="*" bgcolor="yellow">
<TABLE height="100%" width="100%" align="center" bgcolor="blue">
<TR>
<TD height="100%" width="100%" bgcolor="white">
<input type=button value="columna" onclick="cambia_col();"/>
Col 2
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
