Foros del Web

Foros del Web (http://www.forosdelweb.com/)
-   CSS (http://www.forosdelweb.com/f53/)
-   -   Imprimir contenido div con overflow (http://www.forosdelweb.com/f53/imprimir-contenido-div-con-overflow-579559/)

marcou49 24/04/2008 09:43

Imprimir contenido div con overflow
 
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 ;)

Mikmoro 24/04/2008 10:14

Re: Imprimir contenido div con overflow
 
¿En la css de diseño tienes media="screen" o media="all"?

Mikel.

marcou49 24/04/2008 10:22

Re: Imprimir contenido div con overflow
 
Gracias Mikmoro,

tengo media="all"

Mikmoro 24/04/2008 10:30

Re: Imprimir contenido div con overflow
 
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.

marcou49 24/04/2008 10:31

Re: Imprimir contenido div con overflow
 
Puse media="screen" y ya funciona, muchas gracias Mikel

Mikmoro 24/04/2008 10:33

Re: Imprimir contenido div con overflow
 
De nada, es un placer. Esta vez se ha resuelto fácil y rápido :-)

Mikel :adios:

williboy2009 21/08/2009 09:52

Respuesta: Imprimir contenido div con overflow
 
Muchas gracias, para mi también fue muy útil la respuesta que dio Mikmoro a marcou49


La zona horaria es GMT -6. Ahora son las 05:39.

Desarrollado por vBulletin® Versión 3.8.7
Derechos de Autor ©2000 - 2026, Jelsoft Enterprises Ltd.