Foros del Web » Creando para Internet » CSS »

Impresion de texto sin scroll en div

Estas en el tema de Impresion de texto sin scroll en div en el foro de CSS en Foros del Web. Hola a todos, tego que solucionar un problema que tengo al imprimir una pagina que estoy desarrollando. Esta tiene solo texto que lo e olocado ...
  #1 (permalink)  
Antiguo 08/02/2012, 17:00
 
Fecha de Ingreso: julio-2008
Mensajes: 26
Antigüedad: 16 años, 3 meses
Puntos: 0
Impresion de texto sin scroll en div

Hola a todos, tego que solucionar un problema que tengo al imprimir una pagina que estoy desarrollando.
Esta tiene solo texto que lo e olocado dentro de un div con scroll para que se pueda leer y no sea una pagina gigante. El problema que al realizar la impresion desde javascript me imprime solo la parte que se esta viendo de momento y sale la barra de scroll vertical.

Hay alguna forma de imprimirlo y de hacer que en ese momento el div tenga el alto total del texto y ocultar la barra de scroll?

Les agradezco su ayuda.

Saludos
  #2 (permalink)  
Antiguo 08/02/2012, 17:28
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 8 meses
Puntos: 1146
Respuesta: Impresion de texto sin scroll en div

al decir imprimir me imagino es imprimirlo en papel si es así haber si esto te da una idea de lo que tienes que hacer

Código CSS:
Ver original
  1. @media screen
  2.   {
  3.   p.test {font-family:verdana,sans-serif;font-size:14px;}
  4.   }
  5. @media print
  6.   {
  7.   p.test {font-family:times,serif;font-size:10px;}
  8.   }
  9. @media screen,print
  10.   {
  11.   p.test {font-weight:bold;}
  12.   }
  #3 (permalink)  
Antiguo 09/02/2012, 03:42
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 17 años, 5 meses
Puntos: 539
Debería ser obligado que todas las webs tuviesen su correspondiente archivo .css para impresión. Y todo hacedor de páginas conocer los distintos media.

Cree un nuevo archivo css.
Como su div debe tener una altura específica declarada, es lo que fuerza el scroll junto al overflow, debe reesribir o machacar eso.
Así que declare específicamente:
height: auto;
Haga la llamada a ese nuevo css como suela, declarando / media="print" /

Y ya que tiene su archivo css para impresión, sería buena idea que ocultase menús, baners publicitarios y otras cosas por el estilos.

Nota: más info en la cadena a buscar: medios paginados css
  #4 (permalink)  
Antiguo 09/02/2012, 05:46
 
Fecha de Ingreso: julio-2008
Mensajes: 26
Antigüedad: 16 años, 3 meses
Puntos: 0
Respuesta: Impresion de texto sin scroll en div

Hola antes que nada gracias por la pronta respuesta a ambos son unos genioos.

He tomado los 2 consejos que me dieron y funciona!! pase los estilos a css ya que los tenia dentro del html y al imprimirlo en papel sale como lo necesitaba.

Algo mas que restaria saber ya que no tengo mucha experincia con css es, si agregara un div mas en la parte superior donde esten los datos del usuario y a continuacion otro div (que es el que les comentaba que tiene el scroll con la informacion) las posiciones de los divs deberia establecerlas como relativas en el css?
En este momento las tengo como absolutas y lo que me hace es que el div que esta abajo se superponga con el de arriba, siendo que a ambos les estableci los top uno de 30 y otro de 100

Etiquetas: impresion, scroll
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 13:48.