Problema al Imprimir pagina en PHP

mrmaria · #1 (**permalink**) 07/09/2009, 20:59

Hola, resulta que tengo mi sitio hecho con php pero para imprimir una pagina que solo contiene texto he utilizado javascript:

<a href="javascript:;" onclick="window.print()">::Imprimir</a>

El problema esta en que: si el texto de la pagina supera el largo de una hoja tamaño A4 y se utilizan diferentes navegadores, pasa lo siguiente

1) con Mozilla Firefox:
la primer pagina sale bien (excepto que la ultima linea sale siempre cortada), pero la segunda pagina no respeta el márgen superior y se imprime sobre el borde superior de la hoja, con lo cual no queda bonito.

2) con IExplorer:
la primer pagina sale bien (excepto que la ultima linea sale siempre cortada), pero la segunda pagina deja espacios vacios e imprime desde la mitad de la segunda pagina para abajo.

Como puedo manejar esto, es decir la impresion de texto cuando el texto involucra más de una hoja tamaño A4 ???
Supongo que alguien habra tenido el mismo problema y seguro podrá orientarme... Muchas Gracias.

abimaelrc · #2 (**permalink**) 07/09/2009, 21:27

Ya esto no corresponde al foro de PHP sino el de javascript o css

mortiprogramador · #3 (**permalink**) 07/09/2009, 21:43

Buenas
El documento que vas a imprimir es generado por php o es uno que buscas y mandas a imprimir?
Si es que buscas y mandas a imprimir, revisa las margenes de dicho documento
o intenta cambiando algo de las fuentes (tipo, tamaño, etc)
Si es generado por php, busca ayuda en las librerías de php para los diferentes tipos de documento, si no lo generas por php, tal vez deberias probar esto entonces para ver si con esto puedes solventar esto

mrmaria · #4 (**permalink**) 08/09/2009, 10:22

Hola, GRACIAS por tu respuesta: Te comento..
Yo recupero gran cantidad de texto (de un campo de la base de datos) y lo muestro en la pagina html y encima de esa cantidad de texto tengo un boton que dice imprimir, al cual lo he programado con javascript.
Los estilos de CSS q usé son para el formato de la pagina en si, nunca los usé para dimensionar la impresión, a lo mejor deba usar algo referido a eso..?

Es decir, mis estilos son para el margen de la pagina y el tipo de letra, color y tamaño y los DIV (hay un div para el encabezado donde va el botón imprimir, otro div para el cuerpo donde se coloca el texto recuperado de la base de datos y otro div para el pie). A ver si puedes orientarme un poquitin mas. gracias.

mrmaria · #5 (**permalink**) 08/09/2009, 10:23

perdona.. olvide mencionarte que el problema esta tambien en como hacer para que se imprima bien cuando el texto recuperado a imprimir ocupa más de una página en tamaño A4.

zerokilled · #6 (**permalink**) 08/09/2009, 11:12

estoy tratando de tener una idea visual de como te esta quedando el impreso. en todo caso, tienes que manejar varios aspecto como la configuracion del impresor: indicarle el tamaño de la hoja, los margenes de la hoja. el resto es cuestion de diseño en la hoja de estilo. segun tu explicacion esto es lo que estoy entendiendo que obtienes.

mortiprogramador · #7 (**permalink**) 08/09/2009, 11:54

Hola
Si, pues ya que tienes segmentado en css tu página, trata de manejar esto para la visualización de la hoja como tal, ahora, algunos navegadores agregan algunas cosas al imprimir (la url, etc) y tal vez eso te este molestando, has intentado imprimiendo a un archivo pdf?
si no, intentalo, la mayoria de sistemas de ahora ya vienen con una opción para imprimir
a un archivo pdf, y esto se instala como si tuvieras una impresora mas conectada a tu equipo, si no tienes dicho programa, busca pdfcreator o bueno, hay muchos más, intenta y nos comentas
En cualquier caso, si tienes la opción de deshabilitarle cosas a imprimir (url, etc) quitale eso para ver si obtienes el mismo resultado
Saludos

mrmaria · #8 (**permalink**) 08/09/2009, 12:03

Si, mejor explicado que con tus imagenes IMPOSIBLE!!!!
en el archivo textoimprimir.php use los siguientes estilos CSS:

body { background-color: #FFFFFF; }

#wrapper { width: 100%; text-align: center; margin-top: 0px; background-color: #EFEFEF; }

#containerprint { width: 660px; margin-left:auto; margin-right:auto; background-color: #FFFFFF; }

#contentprint { width: 660px; background-color: #FFFFFF; }

#texto{ background-color: #FFFFFF; width:650px; padding:0; float:left; }

En textoimprimir.php:
<div id="wrapper">
<div id="containerprint">
<div id="contentprint">
<div id="texto">
....
Aca el texto q recupero de la base de datos..
$texto=$row_rRecordset['texto']
echo (nl2br($texto))
....
</div></div></div></div>

Lo que quiero es imprimir toda la pagina que se ve en la pantalla, imaginate querer imprimir un articulo de un periodico on line o un cuento, una nota de una editorial.. etc.. IMPRIMIR TODO, EL ENCABEZADO, EL TEXTO, EL BOTON DE IMPRIMIR Y TODOS LOS ENLACES Q SE VEN EN ESA PAGINA.
Espero haber sido clara... quizas me falten estilos para agregar ESPECIFICAMENTE PARA EL MANEJO DE IMPRESION..? NO LO SE.. GRACIASSSS!

zerokilled · #9 (**permalink**) 08/09/2009, 12:25

@mortiprogramador:
la alternativa de cambiar a pdf no soluciona el problema, lo unico que estas haciendo es cambiando el medio. es el navegador, y en cierta parte el impresor, quien maneja la maquetacion y proporcion de los contenidos en un impreso.

@mrmaria:
es muy imposible querer imprimir un documento web completo en una sola hoja, especialmente si este contiene demasiado contenido. sin embargo, puedes hacer un intento reduciendo las proporciones para el tamaño de texto, imagenes, cajas, etc. en la hoja de estio para impreso. en conjunto, hay navegadores que al imprimir tienen una opcion para comprimir (shrink) el contenido pero esta opcion lo que hace es escalar proporcionalmente el contenido de un lado, generalmente del eje horizontal.

mrmaria · #10 (**permalink**) 08/09/2009, 12:33

zerokilled... entiendo lo q dices.. pero yo no quiero reducir el texto de dos hojas, por ej, a una sola pagina A4, solo deseo que se imprima bien, en ambos navegadores, lo q no puedo controlar es la impresion cuando supera mas de una hoja A4.. no se q estilos deberia aplicar para controlar esta situacion. A ver si por ahi me vas entendiendo.. pasa lo de tus imagenes para la pagina nº2 q se imprime en adelante.

zerokilled · #11 (**permalink**) 08/09/2009, 12:47

te sugiero que pidas un moderador que mueva este tema al foro CSS, ahi te pueden ayudar mejor porque nada tiene que ver con javascript. muestranos un ejemplo de tu contenido para poder determinar bien como solucionarlo.

mrmaria · #12 (**permalink**) 08/09/2009, 15:20

Zerokilled.. ok pedire el cambio.. gracias por tu ayuda.

JavierB · #13 (**permalink**) 09/09/2009, 07:53

Mensaje movido al foro de Css desde Javascript.

Saludos,

kseso? · #14 (**permalink**) 09/09/2009, 08:04

Hola mrmaria
Para controlar qué se imprime y cómo se imprime de forma independiente a cómo se muestra y qué en pantalla, css tiene para ello las propiedades/valores para los medios paginados. Comenzando por el tamaño de la hoja (@page) y siguiendo por cualquier otra.

Creo que ese enlace te puede ser útil.

Un saludo

mrmaria · #15 (**permalink**) 09/09/2009, 13:24

kseso?
Si.. GRACIAS.. , ayer antes de q me cambiaran de foro estuve viendo un poco en el de CSS y ahi encontre un tema donde tu también recomendabas ese enlace, ya lo vi y me fue de mucha utilidad. Estaba en el foro incorrecto, mi problema se debio a los estilos, desconocia q para imprimir tambien se usaran. Ya lo he solucionado.. Muchas Gracias a todos por lo que aportaron... fue de mucha utilidad!! Todo lo saque de este sitio, auqnue no del foro correcto.