Foros del Web » Creando para Internet » HTML »

Display en TDs y TR con Firefox

Estas en el tema de Display en TDs y TR con Firefox en el foro de HTML en Foros del Web. Hola, el siguiente código adjuntado tiene un funcionamiento correcto en IE, sin embargo no es así con firefox. El ejemplo es simple, se trata de ...
  #1 (permalink)  
Antiguo 17/06/2008, 09:30
 
Fecha de Ingreso: enero-2008
Mensajes: 11
Antigüedad: 9 años, 10 meses
Puntos: 0
Display en TDs y TR con Firefox

Hola, el siguiente código adjuntado tiene un funcionamiento correcto en IE, sin embargo no es así con firefox.
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>
  #2 (permalink)  
Antiguo 17/06/2008, 10:34
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 13 años, 9 meses
Puntos: 63
Respuesta: Display en TDs y TR con Firefox

Hola

Recuerda que el display de las celdas no es block, es table-cell; si cambias eso se arreglará.

Felicidad
__________________
¡ hey, hou, hou, hey !
  #3 (permalink)  
Antiguo 17/06/2008, 15:39
 
Fecha de Ingreso: enero-2008
Mensajes: 11
Antigüedad: 9 años, 10 meses
Puntos: 0
Respuesta: Display en TDs y TR con Firefox

Muchas gracias, no conocía esta particularidad de las celdas!
  #4 (permalink)  
Antiguo 14/09/2008, 10:13
 
Fecha de Ingreso: marzo-2008
Mensajes: 207
Antigüedad: 9 años, 9 meses
Puntos: 0
Respuesta: Display en TDs y TR con Firefox

Dios, gracias por esta respuesta, me acaban de arreglar el día...

PD: Está claro que necesito estudiar mucho más CSS todavía -.-Uu
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 03:30.