Foros del Web » Creando para Internet » CSS »

Problema css en FireFox

Estas en el tema de Problema css en FireFox en el foro de CSS en Foros del Web. Hola a todos/as Mi problema es que tengo definidos unos estilos para una página, la cual quiero que algunos elementos sólo se vean en la ...
  #1 (permalink)  
Antiguo 25/11/2008, 10:43
 
Fecha de Ingreso: junio-2008
Mensajes: 10
Antigüedad: 9 años, 5 meses
Puntos: 0
Problema css en FireFox

Hola a todos/as

Mi problema es que tengo definidos unos estilos para una página, la cual quiero que algunos elementos sólo se vean en la pantalla y otros sólo al imprimir. Los estilos definidos son los siguientes:
<style type="text/css" media="print">
.screen{display: none;}
.print{display: block;}
</style>
<style type="text/css" media="screen">
.screen{display: block;}
.print{display: none;}
</style>

La cosa es que en Explorer funciona correctamente, pero en FireFox no se muestran bien los elementos que sólo se muestren en pantalla. Es decir, no me funciona bien el .screen

¿Podría ayudarme alguien?

Muchas gracias por adelantado.
  #2 (permalink)  
Antiguo 25/11/2008, 10:56
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: Problema css en FireFox

creo que un poquito mas de info vendría bien
  #3 (permalink)  
Antiguo 25/11/2008, 11:17
 
Fecha de Ingreso: junio-2008
Mensajes: 10
Antigüedad: 9 años, 5 meses
Puntos: 0
Respuesta: Problema css en FireFox

Es que esa es la información. Esos estilos cuando los uso en tablas o filas, en FireFox no me muestra información.

Por ejemplo
<tr class="screen">
[contenido]
</tr>

Me lo deja en blanco.
  #4 (permalink)  
Antiguo 25/11/2008, 13:29
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Respuesta: Problema css en FireFox

Hola a_ordonyez

He probado tu código con este ejemplo y me ha funcionado bien:

Código css:
Ver original
  1. <html>
  2. <head>
  3. <style type="text/css" media="print">
  4. .screen{display: none;}
  5. .print{display: block;}
  6. </style>
  7. <style type="text/css" media="screen">
  8. .screen{display: block;}
  9. .print{display: none;}
  10. </style>
  11. </head>
  12. <body>
  13. <table>
  14. <tr class="screen"><td>Pantalla</td><td>aaa</td></tr>
  15. <tr class="print"><td>Impresora</td><td>bbb</td></tr>
  16. <tr class="screen"><td>Pantalla</td><td>ccc</td></tr>
  17. </table>
  18. </body>
  19. </html>

Saludos,
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 04:53.