Comunidad de diseño web y desarrollo en internet online

Problema con visibility en IE

Citar            
MensajeEscrito el 30 Nov 2006 01:25 am
Qué tal yo tengo 3 tablas dentro de mi página la cual recibe parámetros a través de la URL, después de hacer validaciones y demás el código de la tabla queda así:

<table border="0" style="visibility:<%=(pass>=3220)?"visible":"collapse"%>">

Estoy usando el jsp para las validaciones y después pongo el valor correspondiente a la tabla para que sea visible o no, dependiendo de quien entre.
Ahora bien. Para Firefox si funciona bien, pero para Internet Explorer no me funciona puesto que todas las tablas son visibles para todas las personas.

Alguien sabe por que pasa esto, o como puedo hacerlo válido para IE y Mozilla?

Por Blue_box

7 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 30 Nov 2006 12:39 pm
Puedes mostrar el codigo fuente que se ve en el navegador en esta parte?:

Código :

<table border="0" style="visibility:<%=(pass>=3220)?"visible":"collapse"%>">


Me refiero a la salida a pantalla, no el codigo JSP

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell REC Héroes

London, UK

firefox
Citar            
MensajeEscrito el 30 Nov 2006 04:08 pm
El código que se muestra para ambos exploradores es:

<table border="0" style="visibility:collapse">

Hice una prueba por aparte en una página simple de html poniendo esta simple tabla.

<table style="visibility:collapse">
<tr><td> Prueba </td></tr>
</table>

Y en internet explorer sigue mostrandose. Esta propiedad no es compatible con internet explorer o necesito meter la instrucción dentro de una hoja de esitlos por aparte?

Por Blue_box

7 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 30 Nov 2006 05:47 pm
¿no has probado con el atributo visible:hidden?

Quedaría algo así:

Código :

<table border="0" style="visibility:<%=(pass>=3220)?"visible":"hidden"%>">



Para más información revisa esta página (MSDN - Microsoft)

Por meduza

Claber

165 de clabLevel

1 tutorial

Genero:Masculino  

Guatemala

firefox
Citar            
MensajeEscrito el 30 Nov 2006 07:13 pm
He visto que dentro de mozilla las propiedades de visibility funcionan a la perfección, pero en internet explorer no me funciona el collapse o al menos parece que no es compatible.

En internet si puedo usar hidden, pero el problema de ello es que queda el espacio en blanco en donde debería mostrarse la tabla, por ello yo usaba collapse ya que esta propiedad oculta dicho espacio:

Digamos que tenemos
<html><body>
<p>Hola antes de Tabla.</p>
<table> <tr><td>Algo</td></tr> </table>
<p>Hola después de Tabla.</p>
</body></html>

La pagina con el valor Collapse:
-------------------------------------
Hola antes de Tabla.
Hola después de Tabla.
-------------------------------------

La pagina con el valor Hidden:
-------------------------------------
Hola antes de Tabla.


Hola después de Tabla.
-------------------------------------

Por eso hidden no me ayuda, tengo que suprimir el espacio de la tabla que no se esta mostrando.
Ahora que veo IE si aguanta border-visibility:collapse; alguien me puede dar una sugerencia de como puedo hacerle para que en IE jale, o alguna otra idea de como suprimir esos espacios en la página?

Por Blue_box

7 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 30 Nov 2006 07:39 pm

Por meduza

Claber

165 de clabLevel

1 tutorial

Genero:Masculino  

Guatemala

firefox
Citar            
MensajeEscrito el 30 Nov 2006 08:44 pm
Gracias por la ayuda el problema se soluciono agregando un div con su respectivo identificador y la propiedad display:none y display:block, en mi hoja de estilos.

Por Blue_box

7 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 30 Nov 2006 08:58 pm
Usa display:none; es lo más fácil. Pero mejor que eso yo le pondria una clase

Código :

.hide { display:none; }
<table border="0" class="hide">

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.