Problema css en FireFox

a_ordonyez · #1 (**permalink**) 25/11/2008, 10:43

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.

willyfc · #2 (**permalink**) 25/11/2008, 10:56

creo que un poquito mas de info vendría bien

a_ordonyez · #3 (**permalink**) 25/11/2008, 11:17

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.

JavierB · #4 (**permalink**) 25/11/2008, 13:29

Hola a_ordonyez

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

Código css:

Ver original<html>
<head>
<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>
</head>
<body>
<table>
<tr class="screen"><td>Pantalla</td><td>aaa</td></tr>
<tr class="print"><td>Impresora</td><td>bbb</td></tr>
<tr class="screen"><td>Pantalla</td><td>ccc</td></tr>
</table>
</body>
</html>

Saludos,