Foros del web, para los que viven de bits

Tengo una pagina controlada por una hoja css para el disño y otra para la impresión. la estrctura es la siguiente, una cabecera, un texto central bastante largo con scroll y un pie.

Quiero imprimir unicamente la cabecera y texto de la parte central. Bien pues al imprimir solo me saca la parte del texto del div central que aparece en pantalla ignorando la parte del texto accesible con el scroll.

css diseño:

body{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:center;}

#cab{ color: #003399; text-align: center;}

#centro { margin: auto; padding: auto; height: 500px; overflow: scroll; width: 640px; text-align: justify; padding-right: 10px; padding-bottom: 10px; overflow-x: hidden; }

#nav { width: 100%; background-color:#CCCCCC}

css print:

body{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:center;}

#centro { margin: auto; padding: auto; width: 640px; height: auto; text-align: justify; }

#nav { width: 100%; background-color:#CCCCCC; visibility: hidden;}

#cab{ color: #003399; text-align: center;}

Si alguien tiene alguna solución, gracie mile ;)

¿En la css de diseño tienes media="screen" o media="all"?

Mikel.

Gracias Mikmoro,

tengo media="all"

Te lo preguntaba porque de esa manera, la impresora también está leyendo la hoja de diseño, y por eso también está leyendo el overflow: scroll.

Puedes probar a poner media="screen" para que en la impresión no se lea esa hoja css, sino únicamente la de impresión, a ver si se resuelve.

Mikel.

Puse media="screen" y ya funciona, muchas gracias Mikel

De nada, es un placer. Esta vez se ha resuelto fácil y rápido

Mikel