Foros del Web » Creando para Internet » CSS »

Imprimir contenido div con overflow

Estas en el tema de Imprimir contenido div con overflow en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 24/04/2008, 10:43
 
Fecha de Ingreso: abril-2008
Mensajes: 3
Antigüedad: 9 años, 7 meses
Puntos: 0
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 ;)
  #2 (permalink)  
Antiguo 24/04/2008, 11:14
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Imprimir contenido div con overflow

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

Mikel.
  #3 (permalink)  
Antiguo 24/04/2008, 11:22
 
Fecha de Ingreso: abril-2008
Mensajes: 3
Antigüedad: 9 años, 7 meses
Puntos: 0
Re: Imprimir contenido div con overflow

Gracias Mikmoro,

tengo media="all"
  #4 (permalink)  
Antiguo 24/04/2008, 11:30
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
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.
  #5 (permalink)  
Antiguo 24/04/2008, 11:31
 
Fecha de Ingreso: abril-2008
Mensajes: 3
Antigüedad: 9 años, 7 meses
Puntos: 0
Re: Imprimir contenido div con overflow

Puse media="screen" y ya funciona, muchas gracias Mikel
  #6 (permalink)  
Antiguo 24/04/2008, 11:33
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Imprimir contenido div con overflow

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

Mikel
  #7 (permalink)  
Antiguo 21/08/2009, 10:52
 
Fecha de Ingreso: agosto-2009
Mensajes: 1
Antigüedad: 8 años, 3 meses
Puntos: 0
Respuesta: Imprimir contenido div con overflow

Muchas gracias, para mi también fue muy útil la respuesta que dio Mikmoro a marcou49
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 14:16.